Search for answers:
Customer Notices: WordPress 4.5 Affects LiveEditor Functionality - See this article WordFence Plugin Affects LiveEditor - See this article

Using Gumroad with OptimizePress

Gumroad is a simple payment solution that allows you to sell your products through their service (they handle payments and secure product delivery).  They take a % fee for each transaction they process for you

Although you can use OptimizePress and OptimizeMember to sell your products, we know some of our users want to use the Gumroad system so this guide will show you how to use their order buttons on your OptimizePress site:


1. Secure your page with SSL

In order to use Gumroad on your site, you need to have an SSL certificate. This means that when your buyers enter any payment information on your site, it is secured encrypted and not at risk of being intercepted when sent from your site

Adding an SSL certificate to your site/page varies depending on your domain registrar and hosting company - we would recommend contacting your hosting company for help on this step of the process


2. Setup your product inside Gumroad

Follow the steps on Gumroad to setup your product on their system. Specify your product type, upload your files and specify your price.

When your product is ready, click Publish inside Gumroad to get your order code ready to use on your OptimizePress site




3. Add your order code to your OptimizePress page

Once you have copied the code from the product page inside Gumroad, head over to your OptimizePress site

Your order code should look something like this:

<a href="https://gum.co/LfQG">OptimizePress Blackbook</a> <script type="text/javascript" src="https://gumroad.com/js/gumroad.js"></script>



Now add the section first section starting with <a and ending in /a> to a HTML/Shortcode element in the LiveEditor

The second section (starting with <script ...) should be inserted into the Head tags for your page.To do this go to Page Settings > Other Scripts > Header (select from the dropdown) and paste in the script code here

Now save your page and you should see your working order button on the page. When you click the order button, if everything is setup correctly you should see the Gumroad order box appear

Please note that if you do not have your page properly SSL secured your order box may not display correctly - we strongly advise seeking support from your host on this if you have any problems, we cannot assist with SSL security issues


Bonus Tip

If you want to make your order button look like the Gumroad button - add this inside the hyperlink: class="gumroad-button"

So it will look something like:

<a href="https://gum.co/LfQG" class="gumroad-button">OptimizePress Blackbook</a>

Find more information on setting up Gumroad here: http://gumroad.com/overlay 

Didn't find an answer to your question? Contact Our Support Team (Submit a ticket)
Was this article helpful?
1 out of 1 found this helpful
Follow

Comments

  • Avatar
    Robb Gorringe

    Thanks, James! I've been searching everywhere to figure out how to add a button to the gumroad lightbox feature. Much appreciated! Now, I'll see if I can add a custom "buy now" button.

    Robb

Other Help Categories:

Get Started Guide

Watch our Ultimate Getting Started guide video

Pre-Sales Questions

Ask questions before purchasing our products

Login Problems

If you're having issues logging into our members hub

Accounts & Billing

Update your billing, request a refund and other accounts help

API Key Issues

Get help with licensing your site and API key issues

Membership Help

Get help creating Membership portals and courses

LiveEditor Help

If you need help using or troubleshooting the LiveEditor

Integrations

Find out about the many integrations possible with OptimizePress

Affiliate Questions

Have questions about promoting OptimizePress

Clubhouse Questions

Questions about our Clubhouse Membership Subscription
Powered by Zendesk