The only exception is the Style inline settings. The style changes you just made are not reflected. You can either set this option from the mobile or desktop view.Ĭlick again the Switch to mobile view button to go back to the standard desktop view. To do this, select Show only on mobile devices.įor example, this option enables you to display a specific image on mobile devices and another image on desktop devices. You can also choose to hide this component on desktop devices, which means that it will be displayed on mobile devices only. To do this, select Show only on desktop devices from the Display options. You can hide a component when displayed on a mobile device. When editing any style setting in mobile view, the modifications are only applied to the mobile display.įor example, reduce the size of an image, add a green background and change the padding in mobile view. It contains all the components and styles that were defined in desktop view.Įdit independently all style settings such as background color, alignment, padding, margin, font family, text color, and so on. The mobile version of the email is displayed. To access the dedicated mobile view, select the Switch to mobile view button. For more on this, see Designing an email content from scratch. The Email Designer style settings are presented previously on this page.Ĭreate an email and start editing the content. For example, you can adapt margins and padding, use smaller or bigger font sizes, change buttons, or apply different background colors that will be specific to the mobile version of your email.Īll style options are available in mobile view. You can fine-tune the responsive design of an email by separately editing all style options for mobile display. Make sure to test it using the Preview button. If you modify the HTML the code, the responsiveness of the email could be broken. Other components are in read-only mode, but can still be edited in the full HTML version of the email. You can edit the source code if the selected element is a HTML content component. Only the source of the selected element is displayed. Select Edit > HTML to open the HTML version of the entire email.įrom the WYSIWYG interface, select an element and click the Source code icon. You have two ways to edit the HTML version of the email: Editing an email content source in HTMLįor the most advanced users and debugging, you can view and edit the email content directly in HTML. The changes made in Plain text view cannot be reflected in HTML view. You can also very easily change the title of the template, you just click right here and you can change it to whatever you want.ĭon’t forget to click Save, now this template will be available as one of your choices.If you edit the Plain text version while synchronization is disabled, the next time you enable the Sync with HTML option, all the changes you made in the plain text version will be replaced with the HTML version. You can change many aspects about this template, let’s change the logo. Let’s select it, click the Duplicate Element icon and click Confirm, and now we can edit it in the Creative Designer. Let’s use the birthday e-mail as our starting point. You can either start from scratch or copy one of the existing templates and modify it for your needs. Click on Resources and then click on Content Templates and Fragments. You can use these templates to adapt to your brand’s needs and to do this you may want to create your own templates and here’s how. Here’s an example of the Astro style themed birthday e-mail. They are very personalizable and responsive and they will look good on any device they’re viewed on. These templates were created based on industry standards, some of the examples include a welcome e-mail, product announcement and birthday e-mail. Adobe Campaign comes preloaded with 18 unique templates following two style themes: Astro and Feather. To access these templates, all you have to do is click the Change Content button in the top right hand corner of the Creative Designer. Welcome to the demonstration of the library of the email templates in Adobe Campaign. Your browser does not support the iframe element.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |