Designing Emails with HTML Code Blocks

SmartPush
SmartPush
  • Updated

The SmartPush Email Editor provides a visual drag-and-drop interface, allowing you to quickly create and arrange email content with a WYSIWYG experience. While no coding is required for most email designs, the editor also supports HTML Code blocks for advanced customization.

Note: This feature is available for merchants on the free trial and paid plans only.


Understanding Content Blocks

Content blocks differ from sections in that they hold and display email content. Each block is a functional design element you can use to add:

  • Text
  • Images
  • Buttons
  • Other interactive or visual components

Adding a Content Block

  1. In the Email Editor, select the block you want to add.
  2. Drag it into the desired section of your email layout.
  3. Edit the block’s content and style using the right-side panel.
  4. Click Save in the upper-right corner to apply changes.

Using HTML Code Blocks

The HTML Code Block allows you to insert your own custom email code directly into the email layout. This is ideal for users with coding experience who want to implement:

  • Pre-designed email templates
  • Advanced styling not available in standard blocks
  • Custom HTML elements

How to Use

  1. Drag an HTML Code Block into the section where you want the code to appear.
  2. Paste your HTML code into the block.
  3. Edit your code in the right-side panel as needed.
  4. Click Save to retain your changes.

Important Notes

  • Always send a test email before deploying to customers.
  • Test the email on multiple devices to ensure proper rendering and readability.
  • Incorrect or incompatible code may affect how the email displays for recipients.

Using HTML Code Blocks in combination with standard blocks and global styles allows you to create highly customized, visually appealing emails while maintaining the flexibility of SmartPush’s drag-and-drop interface.

Was this article helpful?

0 out of 0 found this helpful

Have more questions? Submit a request