{"id":1686257,"date":"2020-07-03T14:47:18","date_gmt":"2020-07-03T14:47:18","guid":{"rendered":"https:\/\/toolset.com\/?post_type=course-lesson&p=1686257"},"modified":"2021-05-19T06:37:23","modified_gmt":"2021-05-19T06:37:23","slug":"creating-front-end-forms-for-adding-woocommerce-products","status":"publish","type":"course-lesson","link":"https:\/\/toolset.com\/de\/course-lesson\/creating-front-end-forms-for-adding-woocommerce-products\/","title":{"rendered":"Creating Front-end Forms for Adding WooCommerce Products"},"content":{"rendered":"
\n
\"An<\/a>
An example of a Toolset form for adding a new WooCommerce Product<\/figcaption><\/div><\/figure>\n<\/div>\n\n\n

What kinds of Products you can add with Forms<\/h2>\n\n\n\n

You can create Toolset forms for adding and editing Simple Products<\/strong> and External\/Affiliate<\/strong> products. You cannot create Toolset forms for Variable and Grouped products.<\/p>\n\n\n

\n
\"\"<\/a>
Toolset allows you to build a front-end form for adding Simple products<\/figcaption><\/div><\/figure>\n<\/div>\n\n\n

What can Product forms contain<\/h2>\n\n\n\n

When you add a new product from the WordPress backend, you fill in different product fields and information. You can use almost all those fields in Toolset forms. <\/p>\n\n\n\n

This includes standard WooCommerce product fields,  custom fields you add to products<\/a>, custom taxonomy you add to products<\/a>, and post relationship fields.<\/p>\n\n\n\n

Some of these fields are available in Toolset forms out-of-the-box<\/strong>. This includes Product Name, Product Description, Product Short Description, Product Categories, Product Tags, and Product Image.<\/p>\n\n\n\n

Other product fields like Sale Price and Stock Status don’t appear in the Forms interface automatically. Instead, you must register additional product fields for product forms<\/a>.<\/p>\n\n\n\n

Creating a form for submitting new products<\/h2>\n\n\n\n

When you create a new Toolset form for submitting new products, it will be auto-populated with available product fields. You can then rearrange these fields, change their labels, insert additional ones, and remove the ones you don’t need.<\/p>\n\n\n\n

Use the following steps to create a form for submitting new WooCommerce Products:<\/p>\n\n\n\n

  1. Make sure you have the Toolset WooCommerce Blocks<\/strong> and Toolset Forms<\/strong> plugins active.<\/li>
  2. Go to Toolset \u2192<\/strong> Post Forms <\/strong>and click Add New<\/strong>. A wizard will guide you through the steps.<\/li>
  3. Give your form a name.<\/li>
  4. In the next step, you need to select the main form options. For the post type select Products<\/strong>. <\/li>
  5. Set up the status of the post created by the form, and other fields according to what you need.<\/li><\/ol>\n\n\n
    \n
    \"Using<\/a>
    Using the wizard to create front-end forms for submitting products<\/figcaption><\/div><\/figure>\n<\/div>\n\n\n

    In the next step, you design your form\u2019s contents.<\/p>\n\n\n\n

    Toolset forms look good and are responsive out-of-the-box. However, you might want to adjust their style to fit your store’s design even more<\/a>.<\/p>\n\n\n\n

    When you are done, click Continue<\/strong> to proceed to the final step and then save the form.<\/p>\n\n\n\n

    Displaying product forms<\/h2>\n\n\n\n

    Once your form is ready, you need to display it to users.<\/p>\n\n\n\n

    To display a form for creating products it’s best to create a standard page. There, insert the Toolset Form<\/strong> block and select your form.<\/p>\n\n\n\n

    For more information check out the lesson about forms for adding content<\/a>.<\/p>\n\n\n\n

    \n
    \n

    Adding a product form to a page<\/strong><\/p>\n<\/div>\n\n\n\n

    \n

    Product form displayed on a standard page<\/strong><\/p>\n<\/div>\n\n\n\n

    \n
    \"\"<\/a><\/figure>\n<\/div>\n\n\n\n
    \n
    \"\"<\/a><\/figure>\n<\/div>\n<\/div>\n\n\n\n

    To display a form for editing products, you should add a link to them on your single-product template. <\/p>\n\n\n

    \n
    \"\"<\/a>
    Link to edit a product on a single-product page<\/figcaption><\/div><\/figure>\n<\/div>\n\n\n

    Editing forms are very similar to the ones for creating new items but have a slightly different workflow. To learn how to use them, check out the video and written material in the lesson about forms for editing content<\/a>.<\/p>\n\n\n\n

    Controlling access to product forms<\/h2>\n\n\n\n

    It’s very important to define who has permissions to use a form that can add content to your site. To set access permissions for Toolset forms you need to install and use the Toolset Access plugin.<\/p>\n\n\n\n

    Use these steps to set permissions for your product forms:<\/p>\n\n\n\n

    1. Go to the Toolset \u2192 Access Control <\/strong>page and click the Toolset Forms <\/strong>tab.<\/li>
    2. Click to expand the Post Forms Front-end Access<\/strong> section.<\/li><\/ol>\n\n\n\n

      A table appears, with a lists of all user roles and their access to available front-end forms and permissions.<\/p>\n\n\n

      \n
      \"\"<\/a>
      Access permissions for submitting new \u201cGyms\u201d posts using Toolset forms<\/figcaption><\/div><\/figure>\n<\/div>","protected":false},"author":4341,"featured_media":1712661,"template":"","related-lesson":[8445],"class_list":["post-1686257","course-lesson","type-course-lesson","status-publish","has-post-thumbnail","hentry","related-lesson-e-commerce"],"_links":{"self":[{"href":"https:\/\/toolset.com\/de\/wp-json\/wp\/v2\/course-lesson\/1686257","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/toolset.com\/de\/wp-json\/wp\/v2\/course-lesson"}],"about":[{"href":"https:\/\/toolset.com\/de\/wp-json\/wp\/v2\/types\/course-lesson"}],"author":[{"embeddable":true,"href":"https:\/\/toolset.com\/de\/wp-json\/wp\/v2\/users\/4341"}],"version-history":[{"count":7,"href":"https:\/\/toolset.com\/de\/wp-json\/wp\/v2\/course-lesson\/1686257\/revisions"}],"predecessor-version":[{"id":2060917,"href":"https:\/\/toolset.com\/de\/wp-json\/wp\/v2\/course-lesson\/1686257\/revisions\/2060917"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/toolset.com\/de\/wp-json\/wp\/v2\/media\/1712661"}],"wp:attachment":[{"href":"https:\/\/toolset.com\/de\/wp-json\/wp\/v2\/media?parent=1686257"}],"wp:term":[{"taxonomy":"related-lesson","embeddable":true,"href":"https:\/\/toolset.com\/de\/wp-json\/wp\/v2\/related-lesson?post=1686257"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}