get paid for your orders

Get paid for your bespoke orders for free on your WordPress site.




When you provide a bespoke service  you do not need a fully blown  shopping cart, but you do need an instrument where you are able to collect customers information, via your WordPress website, for the products you are creating for them and get paid at the same time.

Shopping cart services such as woocommerce are ideal for selling a large inventory  of tangible and intangible ready-made items but it is not very practical when it comes to selling services and bespoke items made to order.  Here is how I got around this problem without having to pay for aPremium plug-in service.

All you need is a paypal account in order to get paid and a couple of plugins that you probably have already installed in your WordPress install.

For this project I am using the SiteOrigin page builder plug-in along with the SiteOrigin widget bundle.  The contact form is included in the Jetpack plugin by wordpress.com and of course a paypal account.  Don’t worry we’re not going to use that ugly paypal button that’s what’s the widget bundle is for.

SiteOrigin-page builder
SiteOrigin-widget bundle




Step 1

Create a new page and for your product(s)/services(‘s) and name it appropriately.  Select the page builder tab to the right of the editor and click the add row button.

In the edit row screen that follows,  select the number of columns for each product or service.  For our example we are just using one column, but you can have as many as you need.

With your empty row selected click the add widget button and select the Sight Origen editor.  Click on the editor to open it.  Now add your content for your product and add images in the usual way.  Press done when done.

select page builder
select page builder
Add row
Add row.
Select required number of columns.
Select required number of columns. For this project we are just choosing one.
SiteOrigin editor widget
click add widget and select the SiteOrigin editor widget
SiteOrigin editor widget added to row.
SiteOrigin editor widget added to row.
SiteOrigin editor widget open for editing.
SiteOrigin editor widget open for editing.

You need to add the Sight Origen button widget to the row and drag it below your editor widget so the button will appear at the bottom of your content.  Click on the button widget to format your button.  Add your button text.  Leave the url section blank for now, we will come back to that once we have created the Paypal button link.  Format your button style as you wish but keeping it close to your theme Work’s best.  Press done again and save to draft.

SiteOrigin button widget.
SiteOrigin button widget.
SiteOrigin button widget added to row
SiteOrigin button widget added to row
SiteOrigin button widget open. Add button text. Leave url blank for now.
SiteOrigin button widget open. Add button text. Leave url blank for now.
Scroll down to design your button.
Scroll down to design your button.
SiteOrigen Button preview.
Button preview.

Step 2

Create a new page for your “order form” and again name it appropriately.  For my example I am using my “Design brief form for Starter Plus+ logo package.” page.  Add some instruction about the form and maybe why you need this information.  Press the “contact form” button at the top of the editor if using jetpack.  You can use your usual form plugin for this part if you wish but the jetpack contact form is very versatile and suites our needs here.  Add appropriate fields and customise for your product.  See our form again for an idea.  Add the form to your page.  Publish the page but hide from your main navigation menu(s).  You may need to go into your menus to remove it from the list.   Your clients will be directed to this page on completing checkout.

Add jetpack contact form button
Add jetpack contact form button. You can use any other form plugin you wish.
jetpack contact form editor used to build order form.
jetpack contact form editor used to build order form for one of my logo design products.




Jetpack order form screenshot for logomojo.co.uk STARTER LOGO PACKAGE.
How the form looks on the the client is directed to once they have completed checkout.  The final look will be dependent on your theme.
SPONSORED LINK.

Step 3

Create one last page and name it something  like “Canceled checkout.”.  Add a message on the lines of “You have canceled before checking out.” and place some links below so to encourage  your users to stay on your site.  They may have arrived there by mistake, or just maybe testing out the system.  I have also added a “sad” emoji I fashioned myself.  Feel free to use it, but I ask that you attribute it with a credit and link back to the post as well as my homepage.  Publish the page but again as i  step 2  hide it from your main navigation.

image from canceled page
image from canceled page
Sad face
Feel free to use it, but I ask that you attribute it with a credit and link back to the post as well as my homepage. Publish the page but again as i step 2 hide it from your main navigation.




Step 4

Log into you PayPal account and navigate to the PayPal button section.  Create your button.  Add your item name.  Add a price and if needed add shipping costs.

paypal buton section one
paypal buton section one

Go to optional section 3 to customise advanced features on the button form.

Check that the “Need your customer’s postal address?” radial is selected.  If your client is already using PayPal there address will already be filled in for them.  They will need to add if paying as a guest.

TIP: Save your clients time by not requesting there address on the contact form as the information can be found on the paypal transaction record.

Wile still in section 3 on the create button form paste the url of your cancelation page into the “Take customer to this url when thy Cancel checkout” box.

Then paste the url of your custom form page into the “Take customers to this url on completing checkout box.

PayPal create button section three
PayPal create button section three
PayPal create button section three close up
PayPal create button section three close up

Click on the “create button” button.

On the following  page, ignore the code in the open box under the “website” tab.  Click the “Email” tab to the right of it.

Now you are presented with a link to your item checkout page.  Copy this link and go back to your product page.  click edit on the button widget and paste the PayPal link into the destination url we left blank earlier.

paypal buon link
paypal buon link. Click email tab and copy the link.

Click done safe draft .  Click preview and test button and links.  If all is well publish page.

Well done,  you have just created a product order form for bespoke item or service complete with checkout so you can get paid.  As a freelance logo designer this setup works well for me.  Please let me know what you all think.  All your comments are welcome.

 

If you are thinking of using WordPress here are some great books to get you going.


Need a logoDesign? , we offer a great service at an unbelievable price.  Just pop over to my home page  to find out more.  If you have any questions just use the form on our contact page.  You can take a peek at our collection of logo designs on the portfolio page .  Information about our affordable packages is on the products page.

 




John Watkins

<p>I am John. Logo Designer. Website owner, author/blogger and dog lover…..</p>

Please feel free to leave your comments.