Dynamics Community Forum Thread Details

Designing Email and Landing Page Templates

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

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.

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)

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.

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.