• Skip to primary navigation
  • Skip to content

Neil Curtis

Learn how to make money online

  • Home
  • About
  • Start an Online Business
  • Latest Articles
  • My Resources
  • Contact

Use WooCommerce with front-end forms to charge people to add content to your WordPress website

By Neil on December 3, 2014

This video tutorial shows you how to charge people to add content to your WordPress website. This could be useful for example if you run a classified ads site or you allow people to promote their products and services on your website. In a previous tutorial I showed how to let people add content and create posts on your WordPress website using a front-end form, and in this new tutorial we use this same form but integrate it with the WooCommerce plugin to take people to a checkout page once they click submit.

This process requires the CRED forms plugin, the CRED Commerce plugin, and the WooCommerce plugin. We use the CRED Forms plugin to create the front-end form (as shown here in this tutorial) and to enable the option to add a payment element to the form we need to install and activate the CRED Commerce plugin. The CRED Commerce plugin does not need configuring it simple enables more features on the standard CRED Forms plugin.

Essentially what we are doing here is letting someone buy a product via WooCommerce, so once WooCommerce is activated we create a new product. All we have to do is give the product a name and fill out the price field. Once this is done we open up our CRED Form editor and scroll down to the bottom of the page where there is a check box for ‘Charge payment with this form’. This opens up a few fields to work through, but basically all we do is tell CRED to link the form to the product we have just set up when someone clicks the submit button. We also need to set the option to take people to a checkout page when they click submit.

Once you have done this simple configuration it is all setup. Now instead of generating a new product post when someone clicks the submit button on the form they are instead taken to a checkout page where then need to fill out their billing info and pay. Once they have paid their product is published live on the website.

Toolset Plugins for Custom Post TypesThis is a relatively simple process and if you ever need to add a way of charging people to add content to your WordPress website then this could be the solution for you. The WooCommerce plugin is free which is fantastic, although the CRED plugins do cost some money. The CRED plugin can either be purchased alone or it can be purchased as part of a suit of plugins called Toolset. I personally have the Toolset because I use the custom post types, custom fields, and custom page template features of the other plugins a lot along with the forms functionality of CRED.

Check out more about CRED and Toolset here!

LIKE WHAT YOU’VE READ?
I publish new tutorials all the time so it would be great let you know when something is ready for you to check out. I also have lots more to share with you about how to easily customize and style your WordPress website, so why not join my gang.

TELL ME MORE >>

Reader Interactions

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

Copyright © 2021 · NeilCurtis.me · Website powered by the Genesis Framework and uses the Maker Pro Theme

/* ----------------------------------------- */ /* Content Template: Guides Layout - start */ /* ----------------------------------------- */ #ninetypercent { width: 90%; margin: 0 auto; } #profilebox { border: dashed 2px #ccc; background: #E8E8E8; padding: 10px; padding-bottom: 15px; margin-bottom: 20px; } #profileimage { float: left; max-width: 150px; margin-right: 3%; } #profilebio { font-size: 90%; } #stepfont1 { float: left; font-size: 30px; font-weight: bold; padding: 5px; padding-left: 3%; background: #f96e5b; width: 100%; min-width: 280px; color: #FFFFFF; } #arrow { float: left; } #UWBwrap { padding-top: 10px; border-top: solid 3px #ccc; border-bottom: solid 3px #ccc; } /* ----------------------------------------- */ /* Content Template: Guides Layout - end */ /* ----------------------------------------- */