Order Form Configuration Tool

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:

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 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”.

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 through the complete document. To place, for example, a cart widget in the central area of the order form instead of the header area, move it simply by drag and drop.

The drag and drop function works for all 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 save the complete template by clicking “Save”.

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”. The order form configuration tool will place this additional elements in your order form. Afterwords you can edit them.