Please find the guidelines to The Order Form Customizer helps you design the order form for your purchase process, i.e. individual header, security seals, order and display of custom fields, etc.
Guidelines for the usage of our order form configuration tool
...
:
| Widget Connector | ||
|---|---|---|
|
You can also read through our written instructions. Please click for each product on “Edit” and choose the tab “Checkout ”1. After logging in to affilicon.net, create a new product in your administration area or choose an already existing product.
2. Click "Edit". Select “Checkout Configurator”. In this menu you will be able to can set your desired configuration for the order form.
Explanation of the navigation bar
1
...
. Undo
Click "Undo" to withdraw previously entered settings.
2. Restore
Click "Restore" to restore a reversed setting.
3. Design/Layout
Choose the design theme and set up the background of your order form. For example, add an image or change the background color.
We recommend the theme “Modern (flat design / responsive)”, as it is optimized for mobile use and can therefore be shown properly on specific devices (desktop, smartphones or laptops).
Adjust the orientation of the order form (vertical, horizontal, repetition, scroll behavior).
If necessary, adjust the distance of the background image to window border.
4. Preview
You can preview your order form any time by clicking the preview button.
A pop-up window with current changes opens automatically.
Adjust the header
1. Select the preset affilicon header or upload your own header design in the configurator.
...
2. To upload the header of your choice
...
, click “Settings”.
Now the following window will be visible:
...
3. A pop-up window opens automatically:
4. Please click “Add image” and then
...
“Upload
...
new image”.
...
Choose a locally stored image (please be aware of the indications of image sizes).
As soon as the image upload
...
is completed, it will be visible.
...
5. Click on the image to confirm it as the header image for your product.
6. Furthermore you can use the same screen to switch on or off aspects such as safety notes, logos dividing lines and order buttons.
...
Switch this options on/off by adding a check to the corresponding fields.
...
7. Click "Apply".
Move elements
All elements of the order form can be moved throughout through the complete document. If you would like to To place, for example the , a cart widget in the central area of the order form instead of the header area, then you can move it simply by drag & and drop. It works out the same
The drag and drop function works for all the other elements of the order form.
...
Create a testimonial
To include a testimonial in the payment form, please do the following:
1. Click
...
“Add an element” and choose “Testimonials”.
...
This section will now appear in your payment form.
...
2. Click “Settings” in "Testimonials" to open this window:
3. Enter the title and the footer text for
...
your testimonials.
...
4. Click “Add new testimonial”
...
. There appears a following section:
5. To add an image for your testimonial, choose “Add
...
image”.
6. Enter the name and text in the provided fields
...
.
...
You can add unlimited testimonials clicking "Add new testimonial", however we recommend you to not use more than four of them.
7. Finally please save the complete template by clicking on “Save” on the bottom left.
4. Explanation of the navigation bar
4.1. Undo
With this selection you can withdraw previously entered settings.
4.2. Restore
Here you can restore a reversed setting.
4.3. Design/Layout
In this menu you will be able to choose the design theme and set up the background of your order form. For instance you could add an image or change the background color.
Our recommendation is the theme “Modern (Flat-Design / Responsive”, as it is optimized for mobile use and can therefore be shown properly on specific devices (desktop, smartphones or laptops).
You can also adjust the orientation of the order form (vertical, horizontal, repetition, scroll behavior).
If necessary, you can establish the distance of the background image to the edge of the window.
4.4. Preview
At any time you can always have a look at a preview of your order form by clicking the preview button.
Here a pop up with current changes will open automatically.
...
Add more elements
1. To add more elements to your order form, please click
...
“Add elements”.
2. The following window will be visible:
...
3. Choose any of the following elements: image, quality label, testimonials, text or video.
...
Select an element and click
...
“Add”.
You can repeat this process as often as you like.
4. All elements can be arranged individually by clicking on their “Settings”. Then the The order form configuration tool will show you an edit form for the specific element.
If you have any questions regarding the usage of the order form configuration tool, please get in contact with our support.
Just write us a message using our help center via “Write an email”.
We're looking forward to hearing from you! place this additional elements in your order form. Afterwords you can edit them.