Embedded Cart [embedded_cart] Module
This module can be used to use swift.shop as a checkout and allow customers to buy your products from external websites like blog or your social media.
There are two ways you can do this:
with 'buy now' links
This is the simplest way. Just enable the module and then in products admin in the column "Buy Now Url" you will have access to a link for each product. Just post this link anywhere you would like. Clicking on it will direct visitor to checkout with this product in cart.
with cart widget
This is a bit more complex but will allow your customers to select few products on your website (adding them to cart) and then proceeeding to checkout.
First you need to add "cart.dart.js" script just before your </body> tag. You can find its code in your admin panel in system -> configuration -> embedded_cart
Cart appears on your website after an item is added so above script does nothing on its own.
Second step is to add "add to cart" buttons/links for your products. You can find those codes in "Add To Cart Button" column in your products admin panel.
<a target='_blank'
class="swift-shop-add-product"
href="http://demo.swift.shop/cart?add-product=BT9U"
>
add to cart
</a>
You can modify this code and style this button if you like. You can for example put your product image inside and clicking on it will add it to cart. Hovewer you should not change attributes of this element. class element is used by "cart.dart.js" to identify this element as product link, href element lets the script identify which product to add and together with the target attribute it serves as a fallback in case of issues with the script on your page (it will point user to your checkout with the product added in such case).
notes
-
When you want to use swift.shop as a checkout it is recommended to use "products" as your home page
-
You can select a theme, your logo etc to customise your checkout experience.
-
All other swift.shop modules and configurations might be applied when using as checkout, you can for instance select payment methods etc.
go back to documentation home