Set up and customize order form

1. In the vendor view, go to Account > Order forms and click on the button Create classic order form.
2. For Name, enter a name for your order form. For example, this could be the product name of the product for which the order form is intended.
3. For Layout and Style, you can customize the design of the order form.
4. Now select a Header image. If you have not uploaded one yet, you can do it by going to Account > Images and clicking on Add new image. For Product type, select the option Order form header.
5. The option Advanced header settings enables you to upload separate headers for the follow-up pages of the order form. This is useful if you want to display the order status in your header.
6. Select an individual Favicon. If you have not uploaded one yet, follow the instructions found in point 4, but in this case, select Order form favicon for Product type. If you do not select anything here, the Digistore24 logo   will appear in the place of the favicon.
7. Choose a pre-made Background.
8. The field Additional CSS allows web designers to further customize the order form.

Important notice:  Only CSS is modifiable – HTML and JavaScript are not modifiable in the CSS field.

9. Finally, click Save. You can see the order form by clicking Preview.

Now you have successfully set up your order form – you just have to link it to one of the products you’ve set up on Digistore24.

1. In the vendor view, go to Account > Products.
2. Click on the pencil icon   of the product that you want to link to the classic order form that you’ve just set up.
3. Change to the tab Order form.
4. Scroll down to the Order form window. For Order form, select the order form you’ve just set up.
5. Finally, click Save.

1. In the vendor view, go to Account > Order forms and click on the button Create responsive order form.
2. You will now see the order form editor which allows you to zoom in and out as you like. The left column contains the elements that you can select, drag to the right and position.
3. To edit an element, click on the pencil icon  . For example, for the element Header image you could select a header image that’s already been created.

If you have not uploaded one yet, you can do it by going to Account > Images and clicking on Add new image. For Product type, select the option Order form header.

4. To give the order form a name, click on Settings in the left column. Enter a Name in the window that opens.
5. Here you can also select an individual Favicon. If you have not uploaded one yet, follow the instructions found in point 4, but in this case, select Order form favicon for Product type. If you do not select anything here, the Digistore24 logo   will appear in the place of the favicon.
6. The field Additional CSS allows web designers to further customize the order form.

Important notice:  Only CSS is modifiable – HTML and JavaScript are not modifiable in the CSS field.

7. Once you have arranged and set all the elements as you would like, click on the button Save.
8. You can see your responsive order form by clicking on Preview in the left column.

Now you have successfully set up your responsive order form – you just have to link it to one of your products.

1. In the vendor view, go to Account > Products.
2. Click on the pencil icon of the product that you want to link to the responsive order form that you’ve just set up.
3. Change to the tab Order form.
4. Scroll down to the window Order form. Here you select the Order form you’ve just set up.
5. Finally, click Save.

1. In the vendor view, go to Account > Products .
2. Click on the pencil icon of the product whose order form you would like to edit.
3. Change to the tab Order form.
4. Select the appropriate Product image for your order form.
5. For Product description for order form and Product description for order confirmation page, you can now add the relevant descriptions.

In the field for the order confirmation page, you can use the placeholder [THANKYOU_URL] which will display the URL of the order confirmation page to your customer. This is also included in the order confirmation email. If you leave the field for the product description on the order confirmation page blank, then the description for the order form will be inserted there.

6. In the Technical support window, you can enter your support email address and specify user instructions for the customer. For example, this includes how the customer can access their product. These instructions will be displayed to the customer after payment on the order confirmation page and in the order confirmation email. You can also use the placeholder [THANKYOU_URL] here.
7. In the Order form window, you can adjust specific settings for requesting customer data. You can also select your own order form here and add a Social Proof Bubble.
8. Finally, click Save.

1. In the vendor view, go to Account > Additional input fields.
2. Click on the button Create form.
3. For Name (internal), give your form an internal name which will only be visible to you.
4. For Show input fields…, you can determine whether the form should be displayed on the order form itself or on a page following the order form.
5. Select the Products for which you are adjusting the following settings.
6. Add a Headline and a Description to the form.
7. Finally, click Save.
8. Scroll down to the Add input field window.
9. For Type, you can select the type of input field (e.g. small text box, checkbox, selection list etc.).

If you have selected something from the address data list, then for Is used in e-ticket you can create a field in which the event visitor’s data must be entered (e.g. if the event visitor is not also the customer).

10. Enter the Name which should be displayed to the customer on the order form e.g. first name.
11. For Order, specify where the input field should appear. The field with the lowest order number is always displayed first.
12. For Is required, determine whether the customer is obliged to fill in the added input field during the order process.
13. Finally, click on Add new input field.

At the bottom of the page, you will see the input field you have just added. To add further input fields, repeat the steps described here and click on the blue button Add new input field.