The Drag & Drop editor allows you to create templates by dragging and dropping design elements onto your template so that they appear in the order you would like them to appear. This allows you to quickly design templates without the need to be familiar with HTML.
There are three panels available to help you design your template:
- Content: Contains content block types for you to drag into a row on a template. Available types are: Text, Image, Button, Divider and Social.
- Rows: Rows are the structure of the template and work as containers that will hold the actual content that your readers will see. They are used to break your template down into organized sections, and can have 1-4 columns
- Settings: Allows you to define overall settings for the template, such as content area width, overall background color, content area background color, default template font, and default link colors. Settings are simply managed in the Settings panel, and do not need to be dragged and dropped into the template
Editing a template - Adding a Row to your Template
- On the right-hand side of the template editor, click the Rows tab
- Choose the row that has the desired number of columns
- Click and drag the chosen row type over to the template layout
- Drop the row above or under an existing row as desired
- Click Save when you’re done to save the changes
After you add the row, you will need to add a content block to it.
Adding a Text Block
- From the Content tab, click and drag the Text content block over the template layout
- Drop the Text content block in the desired row
- Click the Save button
- After you’ve added the Text content block, a blurb of filler text will appear that reads “I’m a new Text block ready for your content”. You can change this text by clicking into the block.
Adding an Image Block
- From the Content tab, click and drag the Image block over the template layout
- Drop the Image block in the desired row
- Click the Browse button to be taken to the File Manager
- Click the Insert button for the image you would like to use
Note: If there is no image you would like to use, you can upload one, or browse the image library of stock photos that are free to use.
Adding a button to a template
- From the Content tab, click and drag the Button content block over the template layout
- Drop the Button block in the desired row
- Click the Save button
- After you’ve added the Button block, a button will appear with text that reads “Button”. You can change this text by clicking the button, then amend the text formatting options, as well as adding a link if you want to.
Adding a divider to a template
- From the Content tab, click and drag the Divider content block over the template layout
- Drop the divider in the desired location
- Click the Save button
Adding a Social block to a template
- From the Content tab, click and drag the Social content block over the template layout
- Drop the Social content block in the desired row
- Click the Save button
- Once you’ve added the Social content block, you will need to associate links to your social media pages to the social media icons. You may also find that the default options do not suit your needs and that you need to add and/or remove social media platforms from the social block. Click on the block to view these options on the right.