{"id":1616875,"date":"2020-05-13T14:24:22","date_gmt":"2020-05-13T14:24:22","guid":{"rendered":"https:\/\/toolset.com\/?post_type=course-lesson&p=1616875"},"modified":"2021-02-02T11:35:51","modified_gmt":"2021-02-02T11:35:51","slug":"charge-users-for-submitting-content","status":"publish","type":"course-lesson","link":"https:\/\/toolset.com\/es\/course-lesson\/charge-users-for-submitting-content\/","title":{"rendered":"Charge users for submitting content"},"content":{"rendered":"\n

You must install Toolset Forms Commerce<\/strong> plugin to add payments to Toolset forms.<\/p>\n\n\n\n

This is what visitors will see when you enable payments for forms.<\/p>\n\n\n\n

<\/div>\n\n\n\n
\n
\n

Step<\/strong><\/p>\n<\/div>\n\n\n\n

\n

What visitors see<\/strong><\/p>\n<\/div>\n\n\n\n

\n

What happens in your site<\/strong><\/p>\n<\/div>\n\n\n\n

\n

Step 1
Fill a form<\/strong><\/p>\n<\/div>\n\n\n\n

\n
\"Visitor<\/a>
Visitor fills a form and submits it. Following the form submission, the visitor will go to payment.<\/figcaption><\/div><\/figure>\n<\/div><\/div>\n\n\n\n
\n

Once the visitor submits the form, a new post is created in the database. Toolset Forms Commerce<\/strong> loads the product that\u2019s associated with this form and sends the client to buy it.<\/p>\n<\/div>\n\n\n\n

\n

Step 2
Enter payment information<\/strong><\/p>\n<\/div>\n\n\n\n

\n
\"The<\/a>
The client sees the checkout page, asking for payment for this submission.<\/figcaption><\/div><\/figure>\n<\/div><\/div>\n\n\n\n
\n

Visitors can login to an existing account, if they have one from before, or continue without logging in. After clicking Place order<\/strong>, a new order entry is created in your database, indicating that payment has started.<\/p>\n<\/div>\n\n\n\n

\n

Step 3
Payment completes<\/strong><\/p>\n<\/div>\n\n\n\n

\n
\"Client<\/a>
Client goes to payment process to pay<\/figcaption><\/div><\/figure>\n<\/div>\n\n\n

<\/p>\n<\/div>\n\n\n\n

\n

Client completes the payment with their preferred payment method. Once payment completes, they return to your site.<\/p>\n<\/div>\n\n\n\n

\n

Step 4
New paid content is on the site<\/strong><\/p>\n<\/div>\n\n\n\n

\n
\"The<\/a>
The paid content is live<\/figcaption><\/div><\/figure>\n<\/div><\/div>\n\n\n\n
\n

When payment completes, they arrive back to your site and see the payment confirmation and instructions on what\u2019s next. The post status updates and the client receives a confirmation email.<\/p>\n<\/div>\n<\/div>\n\n\n\n

Below are the setup and configuration instructions from within the WordPress admin. You will learn how to can create forms that include payment, as in the example above.<\/p>\n\n\n\n

<\/div>\n\n\n\n

Setting Up Payments with Toolset Forms Commerce<\/h2>\n\n\n\n

Toolset Forms Commerce<\/strong> uses WooCommerce for product setup and payment processing. This way, you enjoy a wide range of payment options, reporting and statistics tools for your form payments.<\/p>\n\n\n\n

Using a fully featured e-commerce plugin for payment processing may seem like a big hassle, but in practice the setup is very simple. We\u2019ll show you exactly what to do.<\/p>\n\n\n\n

First thing you need to do is download and install the WooCommerce<\/a> plugin.<\/p>\n\n\n\n

<\/div>\n\n\n\n

Basic WooCommerce Configuration<\/h3>\n\n\n\n

When you activate WooCommerce, it offers you to create the store pages. You should accept this and let WooCommerce create its pages. This will include the store page (which we\u2019re not going to use), the cart and checkout pages.<\/p>\n\n\n\n

Then, go to WooCommerce<\/strong> \u2192 Settings<\/strong> and do the basic setup.<\/p>\n\n\n

\n
\"\"<\/a>
WooCommerce Settings Page<\/figcaption><\/div><\/figure>\n<\/div>\n\n\n

While there are different settings for you to explore, you certainly should set the currency. Have a look and see what other settings you may find useful. For Toolset Forms Commerce<\/strong>, just choosing a currency will be fine.<\/p>\n\n\n\n

<\/div>\n\n\n\n

Adding Products<\/h3>\n\n\n\n

Next, we need to setup WooCommerce products. When visitors submit forms, Toolset Forms Commerce<\/strong> will send them to “buy” a product. For example, if you\u2019re creating a classifieds ad site and want to charge payment for a “featured ad”, you should go to Products<\/strong> \u2192 Add product<\/strong> and create a new “Featured Ad” product. The name doesn\u2019t really matter. Pick something that makes sense to you.<\/p>\n\n\n

\n
\"Setting<\/a>
Setting up a WooCommerce product<\/figcaption><\/div><\/figure>\n<\/div>\n\n\n

The really critical attributes in a product would be its name and price. If it makes sense, you can enter other product attributes.<\/p>\n\n\n\n

We\u2019re all done in WooCommerce. We\u2019ve created a product, which we can use in Toolset Forms Commerce.<\/p>\n\n\n\n

<\/div>\n\n\n\n

Connecting Products to Forms<\/h2>\n\n\n\n

Now that we have the products, we can add them to our Toolset forms. We\u2019re assuming that you have already created your forms.<\/p>\n\n\n\n

If you haven\u2019t done so already, now would be a great time to install and activate Toolset Forms Commerce<\/strong>.<\/p>\n\n\n\n

Edit a Toolset form<\/strong> and scroll to the bottom. You will see a new Toolset Forms Commerce<\/strong> section:<\/p>\n\n\n

\n
\"Toolset
The option to enable payments for the Toolset form<\/figcaption><\/div><\/figure>\n<\/div>\n\n\n

Select the checkbox to charge payments with this form. The Toolset Forms Commerce<\/strong> section opens with the rest of the payment setting options.<\/p>\n\n\n

\n
\"Toolset<\/a>
Payment options for a Toolset form<\/figcaption><\/div><\/figure>\n<\/div>\n\n\n
<\/div>\n\n\n\n

Product to buy<\/h3>\n\n\n\n

Simple forms use one product. To choose this option, select Always this product, regardless of form inputs<\/strong>. Then, select the product.<\/p>\n\n\n\n

Forms can also require different payment amounts. For example, if you want to offer several ad options (normal, bold, super-featured), you can set this up using the The form specifies the product according to the value of this custom field<\/strong> option.<\/p>\n\n\n\n

In this case, you should:<\/p>\n\n\n\n

  1. Create a custom field for your custom post type. This can be a custom Select <\/strong>of Radio <\/strong>field created using Toolset. You can\u2019t use a Generic Forms Field. The Custom field content<\/strong> you set for the field\u2019s options must correspond with the Product IDs you want to offer as a choice. You can see an example of this in the following image.<\/li><\/ol>\n\n\n
    \n
    \"Setting<\/a>
    Setting up a custom field with values that correspond to the related Product IDs<\/figcaption><\/div><\/figure>\n<\/div>\n\n\n
    1. Use that custom field for payment in a form that creates or edits posts of your custom post type.<\/li><\/ol>\n\n\n\n
      <\/div>\n\n\n\n

      Checkout process<\/h3>\n\n\n\n

      Normally, you would want to ask for payment immediately when submitting a form. For this, select the Clear the cart and include only the selected product<\/strong> option.<\/p>\n\n\n\n

      WooCommerce uses a cart to hold selected products and Toolset Forms Commerce ads the product to the cart automatically. When you choose to clear the cart, the result will be that visitors will need to pay only for the selected product, regardless of what they had in the cart before.<\/p>\n\n\n\n

      You can’t create multiple posts in the same order and have the status for those posts updated when the order changes status. For the post status update you must clear the cart for which you will need to use custom coding.<\/p>\n\n\n\n

      If you are creating a complete e-commerce site, you might want to leave the items in the cart and only add the new product for this form. For this, select Leave the cart content and add the selected product<\/strong>.<\/p>\n\n\n\n

      Remember to also select what to do after submitting forms. In most cases, it makes sense to send the client to the checkout page. If additional review of the cart is needed, you can also send them to the cart page.<\/p>\n\n\n\n

      <\/div>\n\n\n\n

      What Happens when Payments Complete<\/h2>\n\n\n\n

      Toolset monitors the status of the payment for this form. It will know when the payment completes, or if it\u2019s been canceled.<\/p>\n\n\n\n

      It can update the post and send notifications to you and to the client.<\/p>\n\n\n\n

      <\/div>\n\n\n\n

      Updating the post status when the payment status updates<\/h3>\n\n\n\n

      You can choose what happens to the post’s status when the payment status updates.<\/p>\n\n\n

      \n
      \"\"
      Options for post status when purchase updates<\/figcaption><\/div><\/figure>\n<\/div>\n\n\n

      By default, Toolset Forms Commerce will publish posts when payments complete and return them to draft if payments fail. You can change it to any other status.<\/p>\n\n\n\n

      Among the post status options is “No change”. You can select that option if the post status should remain the same for each of the purchase-status updates.<\/p>\n\n\n\n

      <\/div>\n\n\n\n

      Setting the post author when payment completes<\/h3>\n\n\n\n

      After payments complete, WooCommerce will create an account for the client (if not logged in already). The account details are taken from the payment information, so you don\u2019t need to create new fields for that purpose.<\/p>\n\n\n\n

      You can tell Toolset Forms Commerce<\/strong> to set that user as the author of the created post. This way, users will see the posts (ads, properties, etc.) as “their” posts. You will be able to easily list the posts that belong to each user and allow them to edit or delete them.<\/p>\n\n\n\n

      <\/div>\n\n\n\n

      Notifications<\/h3>\n\n\n\n

      Toolset Forms Commerce<\/strong> ads more notification options to the form.<\/p>\n\n\n

      \n
      \"Toolset<\/a>
      Notification options coming from Toolset Forms Commerce<\/figcaption><\/div><\/figure>\n<\/div>\n\n\n
      1. The notification on form submission changes to notification for going to checkout. This means that you have the customer details available to send the notification.<\/li>
      2. A new option is added, to notify when payment status updates. When you select this option, you can choose on what purchase status to notify.<\/li>
      3. You can send the notification to the billing address of the customer. This is the email entered in the WooCommerce checkout page, before going to payment.<\/li><\/ol>\n\n\n\n

        You can add fields for your product and customer directly into your notification subject or body text. Just click on the Placeholder<\/strong> icon and select the field you want to include from the pop-up window.<\/p>\n\n\n

        \n
        \"\"<\/a>
        Notifications fields coming from Forms commerce<\/figcaption><\/div><\/figure>\n<\/div>","protected":false},"author":4341,"featured_media":1630269,"template":"","related-lesson":[8445,8429],"class_list":["post-1616875","course-lesson","type-course-lesson","status-publish","has-post-thumbnail","hentry","related-lesson-e-commerce","related-lesson-post-forms"],"_links":{"self":[{"href":"https:\/\/toolset.com\/es\/wp-json\/wp\/v2\/course-lesson\/1616875","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/toolset.com\/es\/wp-json\/wp\/v2\/course-lesson"}],"about":[{"href":"https:\/\/toolset.com\/es\/wp-json\/wp\/v2\/types\/course-lesson"}],"author":[{"embeddable":true,"href":"https:\/\/toolset.com\/es\/wp-json\/wp\/v2\/users\/4341"}],"version-history":[{"count":4,"href":"https:\/\/toolset.com\/es\/wp-json\/wp\/v2\/course-lesson\/1616875\/revisions"}],"predecessor-version":[{"id":1929499,"href":"https:\/\/toolset.com\/es\/wp-json\/wp\/v2\/course-lesson\/1616875\/revisions\/1929499"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/toolset.com\/es\/wp-json\/wp\/v2\/media\/1630269"}],"wp:attachment":[{"href":"https:\/\/toolset.com\/es\/wp-json\/wp\/v2\/media?parent=1616875"}],"wp:term":[{"taxonomy":"related-lesson","embeddable":true,"href":"https:\/\/toolset.com\/es\/wp-json\/wp\/v2\/related-lesson?post=1616875"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}