Interactive e-mails work only on -webkit- supporting e-mail clients (iOS and Android clients, Outlook for MacOS).

States

Grouped states (radio buttons)*Use Grouped States for image galleries, color choosers or diferent views of a product (360o image rotators).* First state is visible by default.

Toggle states (check boxes)*Use Toggle States for info boxes, product configurators and add-on items.* Toggle states are visible by default.

Hover states (links)*Use Hover States for hot spots, roll over interactions and tooltips.* Hover states are hidden by default. In mobile devices they might behave like clicks. They might not work where Grouped and Toggle states work.

Condense code

Add comments to the code (remove in production)

Views

Add a view for each state. View size: by
or

View display:
*For Grouped States we recommend Layered. For Toggle States usually is better to use either Row or Column. Hover States work well with any display mode.