*
nav-pos
blockHeaderEditIcon
You are here:  

Embedding Quick-Shop on your website

(WebConnector - Quick-Shop)
 

Topics in overview:

Online forms
Surveys (requires EMS)
Quick-Shop (requires Factura)
Affiliate (requires Factura)
Customer admin (requires EMS)
Interface documentation (API)
arrow

Related topics:

Creating a new Quick-Shop Embedding Quick-Shop on your website
arrow

If you would like to sell a product on your normal website, simply embed the Quick-Shop for this product on your website.

On this page:

Script for embedding Quick-Shop Embedding in the Worldsoft CMS Embedding in Wordpress

<

arrow

Script for embedding Quick-Shop

(Quick-Shop)

There are two ways to embed Quick-Shop on your website:

a) In the Quick-Shop overview, use the </> button to view the Java Script.


 
Copy the script from the popup window to the clipboard and save it to your computer as a retrievable text file, outside of the WBS.

 

Or:

b) Click the 'Products - Link generator' tab, enter the relevant data and generate the link. Copy this link to your clipboard and save it to your computer as a retrievable text file, outside of the WBS.

You are now leaving the WBS. All further steps for embedding Quick-Shop are carried out on your website with the help of your Content Management System (CMS). 

<

arrow

Embedding in the Worldsoft CMS

(Quick-Shop)

Call up your website and log in to the CMS you use to edit your web pages. In the screenshot example, you can see a Worldsoft CMS test account.

Please note the different options for integrating Quick-Shop on the website:

a) The red-framed area is the Quick-Shop for the current article (created with Java Script) - in this case an car - containing only the title as description. This, however, can be changed when editing Quick-Shop.

b) Example for a 'Buy' button for the Quick-Shop.


 
In the next screenshot, we have the same case scenario, this time expressed in HTML source code.

a) The Java Script for displaying the Quick-Shop.

 
The 'Buy' button has the same effect as a direct link. 

 

 
Here you can see the first step of the CheckOut process, which has opened in a new, empty area of the current browser window in accordance with the settings that were used in this example. 

e) The 'Cancel' button is part of the CheckOut.

f) The shopping cart display is determined by the CheckOut settings.

g) The green-framed area represents one of the forms used for the individual steps of the CheckOut. Each of these forms can be created or edited with the form editor.

When creating or editing a CheckOut, you will be offered special access to the form editor in each step of the process. The form elements for the CheckOut process are only available via this special access. In the case of normal forms, these elements are hidden in the form editor.

 

arrow

Script for embedding Quick-Shop

An appropriate script is required to embed Quick-Shop on a website.

Run WebConnector and click the "Quick-Shop" tab. Select the desired Quick-Shop and click the 'link' icon to view the script for embedding.



 

Embedding Quick-Shop in Wordpress

Call up your website and log in to the admin using your access data.



 
In your Wordpress admin interface, click the menu item "Pages".


 
a) Click "Create" to create a new page.

b) To edit an existing page, click the page title or "Edit".

In our example, we are editing an existing page and do not need to make any additional settings. When creating a new page, please keep in mind that your page is linked to the navigation.


 
c) In the editor, select "Text" to insert the script.

d) Insert the text here. If content already exists, you can insert a placeholder, as described above, and then switch to "Text" in the editor.

e) Click "Update" to save your changes.


 
Call up your website to doublecheck the result. The Quick-Shop should now appear on the page you selected.

Footer-03
blockHeaderEditIcon
Backtotop
blockHeaderEditIcon
Footer-06
blockHeaderEditIcon

Languages

coypright
blockHeaderEditIcon
2017 Copyright by Worldsoft AG, All Rights Reserved
social-media
blockHeaderEditIcon
Facebook   Twitter   Wordpress  Worldsoft
Username:
User Login
Your Email