How to use the new HTML 2.0?

Once inside an HTML design, you can quickly edit your photos and texts. When you hover over each element, a blue box will appear around it, indicating whether it is an image, text, cell, or table cell. If your cursor moves outside the canvas, you will see the entire section highlighted. These are the different elements and blocks that make up your design.

When you click on a text element, a panel will appear on the right where you can edit the font, size, color, opacity, and add hyperlinks. Double-clicking the text opens a shortcut toolbar in the upper-right corner of the text box for quick access to these options.

When you click on an image, the left panel will open so you can change/switch it, while the right panel provides options to add a hyperlink or apply an overlay to the image.

    *To hide both menus, simply click in any part of your page header. 

How to Add Layouts 

For quick modifications, it’s easier to remove or add entire sections. To do this, click Layouts in the left panel to choose from headers, text blocks, images, agent information, and more. Select an option, then drag and drop the section onto your design. The green line will guide you, indicating exactly where the new section will be placed.

Step by step:

1. Go to your dashboard an pick an HTML template of your choice, and then click Create Design.
2. When you open an HTML design, the new HTML 2.0 designer will automatically load.
   To swap out a placeholder photo, simply click on the image—just like in regular templates. The left-side panel will display Uploads, where you can select images from your computer or the image libraries.
3. To edit Text, click on a text box, → You’ll see a blue box with alignment options, an arrow to expand your selection to the entire column or section, and controls to move, copy, or delete the element. Additional options like font customization and hyperlinking are available in the right-side panel.

Saving and Exporting HTML Designs

When you´re ready, you can preview in mobile and desktop on the right top corner of the header, right next to the Share button.

When you click on Share, you´ll have multiple options:

Business: connect with your Facebook and Instagram business accounts to direct access and share. 

HTML export:

• Copy HTML File allows you to save the design to your computer’s clipboard and paste it directly when composing an email
• HTML Code Contains the code behind your design. You can use this code for email marketing campaigns, such as Mailchimp, or download the HTML file so your design can be shared as a live web page or saved for future use.
• Export allows you to save the design in JPEG or PNG. 

Social Media will instantly let you share the design in multiple platforms. 

Other Options: These options include scheduling the post on social media, copying the design to other user, sending an email campaign through Mailchimp, Constant Contact, or Rezora, and sending a test email, which is highly recommended before sharing with clients.