3

I'm dynamically adding Content Blocks with AMPScript depending on certain pieces of data. Each Content Block ideally would be a TD of a TABLE. It looks like SFMC automatically wraps each Content Block with a DIV with an attribute of DATA-MARKER="wrapper". Is there a way to have SFMC only render the code I write?

Then end result would be dynamically generating a table where each piece of content is a TD of the TABLE.

4
  • Are you using Freeform or HTML-only content areas? Sep 20, 2016 at 0:36
  • I've certainly never seen this behavior. Can you post an example of your code? Sep 20, 2016 at 11:00
  • @AdamSpriggs I've tried both Freeform and HTML. In Classic I remember Freeform wrapping the Content Area, but I thought HTML did not. In Content Builder I am seeing a wrapping DIV for both. Sep 20, 2016 at 15:46
  • @AdamSpriggs In Classic I remember the same. Freeform wrapped and HTML not wrapped. I guess it changed. :-( Sep 27, 2016 at 19:03

2 Answers 2

1

The DIV warpper is usually applied when you use any block other than the HTML block. This is true in both Classic and Content Builder/Email Studio. This is designed to help retain all styling, etc with the blocks inside of their 'out of the box' templates. (I have had many conversations about this with SFMC support previously and this is the answer they provided...)

The div wrapper shouldn't greatly affect your code, but if it does then you will need to exclusively use the HTML block only. This block should have no wrapper and allow you to have full control of the block.

Another solution that will guarantee no extra code, but is much less user friendly and more difficult to edit is to build the custom sections in a data extension. You would write the HTML and use a data extension to store it - will need to include a unique key assigned to each to allow for easy lookup. You then call it out via AMPScript/SSJS.

EDIT After some research, I have found that my Email Studio Content Builder actually wraps my content blocks in a table, regardless of content block type. I am not sure when this was changed, nor really why it was changed but I wanted to provide what should be a duct-tape band-aid for this issue:

SAMPLE OF THE INSERTED CODE:

<table cellpadding="0" cellspacing="0" width="100%" class="stylingblock-content-wrapper" style="; width: 100%;">
<tr>
<td class="camarker-inner stylingblock-content-wrapper" align="left">MY CONTENT</td>
</tr>
</table>

Write MSO conditional code around the inline content blocks in your template (to allow Outlook to correctly display):

<!--[if (gte mso 9) | (IE)]><table width="620" align="center" cellpadding="0" cellspacing="0" border="0"><tr><td valign="top" align="center" width="305"><![endif]-->
<div style="display:inline-block; width:49%;">YOUR LEFT CONTENT BLOCK HERE</div>
<!--[if (gte mso 9) | (IE)]></td><td align="center" width="305"><![endif]-->
<div style="display:inline-block; width:49%;">YOUR RIGHT CONTENT BLOCK HERE</div>
<!--[if (gte mso 9) | (IE)]></td></tr></table><![endif]-->

and then add a style in the head (as gmail is going to accept styles in the near future, this should be pretty much universal) something like below:

.stylingblock-content-wrapper {display:inline-block !important;}

This style is likely to be unnecessary due to the div and MSO table, but is nice to have just in case. You will likely need to adjust this some to fit your exact need, but should help get you to a final solution.

2
  • I thought that was the case with HTML Blocks, but I am seeing a wrapping DIV around the HTML Content Block as well. The problem I have is the Content Block is getting iterated over and I would like them to not be block level but inline. Sep 20, 2016 at 15:50
  • 1
    well, I am not sure what has changed then, but what I would do is write MSO conditional code around the blocks in your template you want inline (to allow Outlook to correctly display) and then add a style in the head (as gmail is going to accept styles in the near future, this should be pretty much universal) something like below: div .SFMC { display:inline-block !important} Sep 20, 2016 at 16:16
1

All blocks get wrapped in a table in Content Builder. For the use case you're describing where you don't want that wrapper, use a Code Snippet instead. This feature was introduced in the October 2016 release.

To create a snippet, go to Create -> Code Snippet in Content Builder. You build it just like a block, and you can insert a snippet into your HTML one of 3 ways:

  1. Via the Code Snippets toolbar selector in the HTML editor
  2. By typing the CustomerKey value for that snippet and pressing Tab
  3. Using any of the "ContentBlockBy" AMPScript functions.

In all cases, only your HTML defined in the snippet will be inserted, with no wrapper.

4
  • I'm using code snippets for a dynamic sender profile and calling them in using the ContentBlockByID() function. The code snippet has no HTML yet the content is being wrapped with a bunch of HTML comment tags. E.G. "<!----><!----><!----><!----> <!----><!----><!----> XXXX<!----> <!---->"
    – Daniel
    Jun 30, 2018 at 14:36
  • That's a different issue all together. The comments are there to support the Google 360 integration; they should only be showing up in email bodies, but they're showing up everywhere instead. A fix is coming shortly.
    – Don Owens
    Jul 2, 2018 at 11:20
  • Thanks @Don Owens - does shortly mean later today? Week? Month? ;)
    – Daniel
    Jul 2, 2018 at 20:55
  • @Daniel Sorry - I was out of the office last week and just now saw your question. This should be in place now.
    – Don Owens
    Jul 10, 2018 at 12:04

You must log in to answer this question.

Not the answer you're looking for? Browse other questions tagged .