E-mail Element

In this tutorial you learn how to configure an email element with its specific values to use it in ZOO.

How you create an element like this, we show you in this tutorial.

Configuration

Here is the description of the different values:

Name: Type in the name for this element which will be used later on, for example in the item creation view or as label in the frontend. With the name you also can identify the element, when you assign it to a template position.

Description: The description will show up as a tooltip in the item creation view.

E-mail address as text: Set it to Yes if the email address should appear as link text. If you set it to No you can type in a custom link text (see next field).

Link Text: Type in a small text on which the email ink is applied. You have to set the previous option (E-Mail address as text) to No, to show this alternative text.

Subject & Body: When a visitor clicks the email link and their email clients open, the text you enter into these two fields will automatically set as email subject and email text.

Repeatable: When you activate this option you will be able to easily generate new fields of this kind in the element creation view (see step 3).

Element Assignment

Every element has to be assigned to a template position to show up for the visitors in the frontend of the site. See this tutorial how to assign elements to the template positions.

You can set whether the label is shown in the frontend or not. If you choose Yes the name of the element (see previous step) is used for it. If you do not want to use the elements name as label you can type in an alternative. Of course the Show Label option have to be enabled to show the alternative label.

If you show more than one value in the frontend you can set how the values are separated. You can choose between different chars like comma or pipe or the values can be wrapped by a html element like a div or a li.

Item Creation

This is how the element looks when you create an item. See this tutorial for creating an item. Then name of the element is shown on the left and the input field on the right.