Once you have added a new template for Forgotten Password, you are now ready to begin creating and customizing it.
For the sake of this guidance, we will use the below template.
The design should suffice as it holds all the necessary modules with some cardinal styling. You can include content modules to add additional information about your company socials and address.
If you want to modify the placement of certain modules, you can easily do so by adjusting the containers’ position.
Please note that “Reset Password” module is compulsory in order to publish Forgotten Password template.
Click Add Container and Edit Content from within the container. Choose a relevant module from Contents dropdown.
Within a particular module, you can control the display of various sub modules by toggling on/off Display buttons. Click Apply to save your selection.
To style the display of text and labels on the email, there is an option to add inline CSS style when a module is selected. Click “V” sign to add style.
You can either enter a value for the available style options or add a new style.
For example, to align the label vertically, add
line-height in Style Property Name and a value of
1.25 in Style Property Value. Click Add New Style to apply your changes.
CSS style for modules
We are sharing the CSS style that can be added using the above approach to ensure the look of your email looks exactly the same as the email format shared above.
Reset Password Details
For Title –
For Message –
Publish a template
You can preview the template by clicking on Preview button.
Once you are convinced with the layout and design of your template, toggle on Published button and click Save as shown above.
Please note that new template will overwrite the existing template once you publish it.