web
You’re offline. This is a read only version of the page.
close
Skip to main content

Announcements

No record found.

News and Announcements icon
Community site session details

Community site session details

Session Id :
Dynamics 365 Community / Forums / Customer Insights - Journeys forum / Designing Email and La...
Customer Insights - Journeys forum

Designing Email and Landing Page Templates

(0) ShareShare
ReportReport
Posted on by Community Member

I am new to Dynamics 365. I need to be able to create custom email and landing page templates. I've tried modifying the existing templates but I cannot do what I need to do. Here are my questions:

1. How do I overlay a text block onto an image?

2. How do I change the width of an image or text block?

3. Is there a way to export a template from either Photoshop or Dreamweaver that I can upload into Dynamics 365?

Thank you in advance!

Techmom77

Categories:
Marketing Pages Forms and Surveys
I have the same question (0)
  • Suggested answer
    cloflyMao Profile Picture
    cloflyMao 25,210 on at

    Hi Techmom77,

    1. Image can't be overlaid with text block directly, because they are block level element. However, don't worry, your requirement could be called Hero Image as per my understanding.

    I took fiumicino template as demo.

    You can add such element with follow steps:

    1.1. Copy full template HTML code to any editor, and format it with a plug-in to get a clear structure view in any editor. (You could try Visual Studio Code)

    1.2. Search "hero-image" with Find Command to find the place where hero image element is.

    5852.png

    The image src can be found in background attribute, and text block is in p tag.

    1.3 Copy full code from <tr> to </tr>(parent element of the td that puts image), then paste the clone after the copied part.(after </tr>). Whole page can be viewed as a table, while all elements in tr can be viewed as a row.

    1.4 Change image you would like to place.(and delete the copied part as you wish)

    1.5 Copy full HTML code and paste it back in template editor. 

    1.6 Now you added your own hero image with text. (You can still drag text block to this element)

    4314.png

    2. You can control a image width or height in properties when selected it. But it can't change the container editor width.(It's still block level element)

    Layout liked falcone is controlled by CSS rule, not by Designer Tool, which means you should design your own layout with HTML knowledge.

    62718.png

    You may spend a lot of time designing a new template, the quicker way is to work with struct template, it has only layout and you can add your elements such as text and images directly instead of modifying the template with existed style. 

    444.png

    3. Make sure your exported file is in HTML format, then copy and paste code to HTML editor when create a new template.

    Regards,

    Clofly ?

Under review

Thank you for your reply! To ensure a great experience for everyone, your content is awaiting approval by our Community Managers. Please check back later.

Helpful resources

Quick Links

November Spotlight Star - Khushbu Rajvi

Congratulations to a top community star!

Forum Structure Changes Coming on 11/8!

In our never-ending quest to help the Dynamics 365 Community members get answers faster …

Dynamics 365 Community Platform update – Oct 28

Welcome to the next edition of the Community Platform Update. This is a status …

Leaderboard > Customer Insights - Journeys

Last 30 days Overall leaderboard

Featured topics

Product updates

Dynamics 365 release plans