Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

Widget Connector
width800
urlhttps://www.youtube.com/watch?v=W8CZSb5M0b0

Table of Contents
maxLevel2

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  

Info
titleEmbed Demo

see live embed demo page

AbanteCart allows you to embed:


Tip
titleWordPress

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



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

Image RemovedImage Added

   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



Info
titleNote

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



Panel
titleStep 1

Copy URL your need to embed

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



Panel
titleStep 2

Modify URL add r/ and add special tags

Code Block
languagexml
themeFadeToGrey
<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>




Info
titleNote

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



Panel
titleStep 1

Copy shopping cart page URL your need to embed

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



Panel
titleStep 2

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

Code Block
languagexml
themeFadeToGrey
<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>