How to use Modules Composer
Style your template
This is what you see when you enter on Modules Composer! On the top bar you can always switch between Desktop/Responsive view. You can customize your template even on Responsive view, send a Test Email, Transfer your template on your team, Save/Update and Export your template on your desktop.
Once you select “Style Template” there are 3 available options. General Settings, Module Settings and Show/Hide Elements. On General Settings you can customize the following:
- Body background image
- Primary Font (System fonts + 900 Google fonts)
- Secondary Font (System fonts + 900 Google fonts)
- Body title
- Preheader text
- Outer Width (800 – 600)
- Inner Width (780 – 540)
- Affect All Modules
You can select modules through categories like “Preheader”, “Menu”, “Header” etc.
On Modules Settings you can customize everything! Background images, fallback colors, background colors on any element like buttons, style your typography, add content like text & images, add border radius on buttons, images and control the spacing between elements.
Simply replace the url of the default background image and the new image will appear instantly! We suggest to use Mailchimp media library, Dropbox or Imgur as free solutions for hosting your images.
Use the color picker in order to change the default colors of modules, buttons etc.
Here is the place where you can style the Headlines, Sublines, Paragraphs and Buttons.
Add content on your template and update the text on Headlines, Sublines, Titles, Subtitles, Paragraphs etc.
Simply replace the url of every image and the new image will appear instantly! At the moment we don’t support image hosting but we will for Yearly & Lifetime plans soon. We suggest to use Mailchimp media library, Dropbox or Imgur as free solutions for hosting your images.
This option is only for buttons. Change the content of every button by typing your text and then press enter!
Add border radius on buttons and images! You can choose between some default options or add your custom value.
Simply hide any element you think it’s not necessary or show it later.