Add ShopTab to a Website or Blog

ShopTab can be easily added to a website or blog to extend your store to multiple online destinations. Broaden the opportunities to sell your products and services by using this simple to implement feature. This option is available in ShopTab’s Expanded or Ultimate Packages. If you are a Standard Plan user, you may upgrade under "Billing" and the "Change Plan Options" tab.

Step 1: Get the ShopTab application code

The store code is easily retrieved.  Simply sign into ShopTab, go to the “Settings” tab and select the “Add to Website or Blog,” then copy the code.  We’ve provided a simple URL and an iframe code option for your use.

snippet_1.png


Use the “Copy” button to grab the code you intend to use in the blog or website.

snippet_2.png

Step 2: Create a page or place for the store on your blog or website

Open the admin for your website or blog. Follow the instructions to create new page for your store.  You will want to determine the best method for embedding the HTML or iframe code for your site.  Remember, you will want to create clear navigation to the shop within you site so be mindful for how users will find the store.  

Also, the store template is 81o pixels wide , so make sure you have a page that will support this width.  In the example above you can expand and contract the HTML box to fit the app into the page.

Step 3: Paste the code and publish the page

Next you need to paste the code into the web page that you want to have the store appear within. Most platforms require it to be located within the body section for optimal layout. You may need to experiment what works best for you dependent upon your site.  

Below is an example of the way you place HTML code in a Wix.com site.  Review your online site for the best way to place a snippet of HTML or iframe code.

snippet_3.png

 

Once placed in the site, publish your page so that you can see the cart layout within the site. 

snippet_4.png

NOTES:
It has been reported on some site that want to use the URL that you may need to delete the "//" prior to the URL provided.

The very popular WordPress sites will require a plug-in for the embedding of the URL or iframe.  For our WordPress testing, we used the iFrame preserver plug-in. It was really simple to use and has these simple to follow video instructions

Sometimes you may need to adjust the column width and use the iframe plug-in to make it fit.

Have more questions? Submit a request

1 Comments

  • 0
    Avatar
    Circleoffive Circleoffive

    i have uploaded the iframe code but only my terms and conditions and policy is showing what is the problem please?

Please sign in to leave a comment.
Powered by Zendesk