Embed Products to HTML

You can embed your entire AbanteCart storefront into almost any page on the web!  With products embed you can sell anything from your AbanteCart web store on any other website or HTML page.  

Whether you already have a site, blog or you are using CMS like WordPress, Joomla or Drupal, its easy to embed your AbanteCart shopping cart or eCommerce functionality  

Embed Demo

see live embed demo page

AbanteCart allows you to embed:


WordPress

If you wish to embed eCommerce features into the WordPress website please install the AbanteCart official plugin for WordPress



Example: embed your products to blog

   Step 1 Visit product page which one you want to embed in the blog

   Step 2 Select data you want to display and copy generated HTML code

   Step 3 Paste it into the target page

   That's all Visit your HTML page



By default product preview and checkout process run in the modal popup window. You can modify this by change Embed Click Action setting in General Settings page



Note

You can embed links only if you have embedded products or categories on the same page!

Step 1

Copy URL your need to embed

http://demo.abantecart.com/index.php?rt=content/content&content_id=2
Step 2

Modify URL add r/ and add special tags

<a data-href="http://demo.abantecart.com/index.php?rt=r/content/content&content_id=2"
 data-html="true" data-target="#abc_embed_modal"
  data-toggle="abcmodal" href="#">your link title</a>



Note

You can embed links only if you have embedded products or category on the same page!

Step 1

Copy shopping cart page URL your need to embed

http://demo.abantecart.com/index.php?rt=checkout/cart
Step 2

Modify URL in this way http://demo.abantecart.com/index.php?rt=r/checkout/cart/embed and add special tags

<a data-href="http://demo.abantecart.com/index.php?rt=r/checkout/cart/embed" 
data-html="true" data-target="#abc_embed_modal" 
data-toggle="abcmodal" href="#">your link title</a>