The shopping cart widget allows you to purchase several buy various products of one a vendor in arbitrary units any number via AffiliCon GmbH. The cart widget has to be integrated by the vendor i.e. within the shop system, because AffiliCon is only processing the checkoutSince the AffiliCon only makes payment processing, the shopping cart must be integrated on the vendor side (for example in a shop).
| Table of Contents |
|---|
Description
Widgets
Cart Widget
The widget can be shown shopping cart is displayed to the customer in an expanded and collapsed view and end user in a pop-up and fold-out widget on the page. The widget can be positioned by anywhere on the vendorpage. In its the initial state, the Cart widget is collapsed and square shaped. The view can be toggled by clicking on the icon or the X symbol It can be opened and closed with a click.
The collapsed view shows the product count if the cart contains any productAs soon as products are placed in the shopping cart, the widget displays the number of products in the folded-in state.
Changes to the shopping cart can be made within in the widget. Each change is processed asynchronous and the view is updated without a page reload. All changes made to the shopping cart display this in real time. So it is not necessary to reload the page.
Add-Product Widget
The addAdd-product Product widget is used allows you to add products to the your shopping cart. At the moment Currently this CTA button cannot can not be styledchanged.
Payment Processing
After clicking As is the case with all previous product purchases, payment processing for the goods basket is carried out on the order page of AffiliCon GmbH. Clicking the checkout button within the cart widget the user will be redirected to the AffiliCon Orderform opens the AffiliCon order page in a new tab. The cart is always displayed by the new Orderform (flat responsive design).
...
Multilingualism (I18n)
The widgets support can be used in all languages of the AffiliCon supported by AffiliCon.
...
Functionality
The integrated shopping cart widget works via with websockets and iframes. The addAdd-product Product widget sends a request to the AffiliCon the AffiliCon system. The AffiliCon system The AffiliCon then informs the cart Cart widget about of the changeschange. The cart widget then queries the new pricing from the APICart Widget then asks the AffiliCon API for the new values.
Technical Integration
The widgets are integrated via iframes.shopping cart is integrated by iframes. These can be positioned anywhere in the shop or on the product landing page.
Add-Product Widget
Use the following code to integrate:
...
| Platzhalter | Mögliche Werte | Beschreibung |
|---|---|---|
{Vendor} | string | Vendor id used for AffiliCon system.The name / id of the vendor on the platform |
{Country-Id} | "de", "en", .... | This The country id in this case determines the initial shipping country and vat calculations. Both can be changed by the customer during the checkout process.country for the delivery address. The value added tax is also initially calculated using this parameter. Can be changed again in the order form |
| {Form-Configuration} | 12345 | This determines the Orderform configration. If you wish want to use the configuration of a special product then use the product id hereassign a configuration of an existing product to the order form in the checkout, enter the product ID of the corresponding product for the formConfig parameter. |
To prevent the Cart widget from covering the target page with a transparent overlay of the widget in its collapsed state you need to include the following scriptelement in the folded-in state, a Javascript must be installed in the target page.
| Code Block | ||||
|---|---|---|---|---|
| ||||
<script src="https://secure.affilibank.de/_files/js/cart_widget.js"></script> |
...