Embed external content

Embed external content

With external content, you can use the content of a website in your email or landing page. Please note that the content is not displayed in the editor - open the preview to see it. You can use external content, for example, to display subscriber-specific products, contact persons, or similar in your mailing.

Usage

Email templates, landing page templates, emails, landing pages

Idea
Notes for use in mailings
  1. Links within external content cannot be tracked.
  2. CSS-To-Inline and CSS-To-Attributes are not applied to external content.
  3. The embedding of external content can negatively affect the sending speed. Make sure that the call to the embedded website is fast enough.

Syntax

  1. [EXTERNAL-CONTENT ...]<WEBSITE-URL>[/EXTERNAL-CONTENT]

Attributes

Attribute
Description
failure-strategy
Values: continue1, stop
For use in emails. Determines whether the sending for the subscriber should continue or be aborted in case of an error. Aborts are visible as creation errors in the email statistics.
fetch-attempts
Number of attempts in case of error.
Default: 3
fetch-retry-after
Time interval between individual attempts in seconds.
Default: 3

Examples

Example 1: Dynamic URL

The URL can be made dynamic, for example by inserting a placeholder for a subscriber field. This allows individual content to be delivered to subscribers:

Example 1: URL parameter from subscriber data
  1. [EXTERNAL-CONTENT
  2.   failure-strategy='stop'
  3.   fetch-attempts='2'
  4.   fetch-retry-after='1'
  5. ]https://example.com/shop/?id=[Product_ID /][/EXTERNAL-CONTENT]

Example 2: Multiple external contents

Example 2: Template source code for two-column layout with dynamic products
  1. <table border="0" cellpadding="0" cellspacing="0" width="640" align="center">
  2.     <tr>
  3.         <td style="width: 300px;">
  4.             [EXTERNAL-CONTENT]https://example.com/shop/?id=[Product_1_ID /][/EXTERNAL-CONTENT]
  5.         </td>
  6.         <td style="width: 40px;"></td>
  7.         <td style="width: 300px;">
  8.             [EXTERNAL-CONTENT]https://example.com/shop/?id=[Product_2_ID /][/EXTERNAL-CONTENT]
  9.         </td>
  10.     </tr>
  11. </table>

Example 3: Complete template

Template source code
Source code of the external content
Editor-View
Preview
Template source code
Example 3: Template source code for two-columns with store articles

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.     <title>Template mit externen Inhalten</title>
  5.     <meta charset="UTF-8">
  6.     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  7. </head>
  8. <body>
  9. [CONTAINER name='contents' label='Inhalte' type='div' editor-only='true']

  11. [BETWEEN]<br/><br/>[/BETWEEN]

  13. [ELEMENT  name='2-col-products'
  14.           label='2-Spalter - Produkte'
  15.           descr='Externe Inhalte'
  16.           default='true'
  17.           type='div'
  18.           editor-only='true']
  19. <table border="0" cellpadding="0" cellspacing="0" width="640" align="center">
  20.     <tr>
  21.         <td style="width: 300px;" valign="top">
  22.             [EXTERNAL-CONTENT]
  23.             [INPUT  type='url'
  24.                     name='url-1'
  25.                     label='URL Produkt 1'
  26.                     default='https://doku.webapps.sendnode.com/examples/product-2-col-1.html' /]
  27.             [/EXTERNAL-CONTENT]
  28.         </td>
  29.         <td style="width: 40px;"></td>
  30.         <td style="width: 300px;" valign="top">
  31.             [EXTERNAL-CONTENT]
  32.             [INPUT  type='url'
  33.                     name='url-2'
  34.                     label='URL Produkt 2'
  35.                     default='https://doku.webapps.sendnode.com/examples/product-2-col-2.html' /]
  36.             [/EXTERNAL-CONTENT]
  37.         </td>
  38.     </tr>
  39. </table>
  40. [/ELEMENT]

  42. [/CONTAINER]
  43. </body>
  44. </html>
Source code of the external content
Note that the source code of the external content may only contain the content itself, as <head>, <body> etc. are already defined in the template source code.


Store article 1: product-2-col-1.html
  1. <table border="0" cellpadding="0" cellspacing="0" width="300">
  2.     <tr>
  3.         <td><img src="https://doku.webapps.sendnode.com/examples/images/foscarini-lumiere-05-tavolo.jpg" style="width:300px;height:auto;display:block;"></td>
  4.     </tr>
  5.     <tr>
  6.         <td style="padding-top: 15px;">
  7.             <h1 style="margin-top: 0px; margin-bottom: 0px; font-family: Arial, sans-serif; font-size: 24px; line-height: 32px;">Lumiere 05 Tavolo Piccola</h1>
  8.         </td>
  9.     </tr>
  10.     <tr>
  11.         <td style="padding-top: 15px; font-family: Arial, sans-serif; font-size: 16px; line-height: 24px;">Die Foscarini Tischleuchte Lumiere 05 Tavolo Piccola ist ein Produkt des Designers Rodolfo Dordoni, der nicht nur in der Produktkonzeption, sondern auch als Architekt mit der Planung und Gestaltung von Ausstellungen und Showrooms beschäftigt ist.
  12.         </td>
  13.     </tr>
  14.     <tr>
  15.         <td style="padding-top: 25px;">
  16.             <table border="0" cellpadding="0" cellspacing="0">
  17.                 <tr>
  18.                     <td style="background-color: #E52D11; padding: 12px 25px;">
  19.                         <a href="#" style="font-family: Arial, sans-serif; font-size: 16px; line-height: 24px; font-weight: bold; color: #ffffff; text-decoration: none">Zum Produkt</a>
  20.                     </td>
  21.                 </tr>
  22.             </table>
  23.         </td>
  24.     </tr>
  25. </table>


Store article 2: product-2-col-2.html
    1. <table border="0" cellpadding="0" cellspacing="0" width="300">
    2.     <tr>
    3.         <td><img src="https://doku.webapps.sendnode.com/examples/images/fritz-hansen-kaiser-idell-6631r.jpg" style="width:300px;height:auto;display:block;"></td>
    4.     </tr>
    5.     <tr>
    6.         <td style="padding-top: 15px;">
    7.             <h1 style="margin-top: 0px; margin-bottom: 0px; font-family: Arial, sans-serif; font-size: 24px; line-height: 32px;">Kaiser Idell 6631-T Luxus</h1>
    8.         </td>
    9.     </tr>
    10.     <tr>
    11.         <td style="padding-top: 15px; font-family: Arial, sans-serif; font-size: 16px; line-height: 24px;">Als formvollendete Einheit von Material, Funktion und gutem Aussehen ist die Kaiser Idell 6631 Luxus, produziert vom Lampenhersteller Fritz Hansen, zu Recht DER Klassiker unter den Schreibtischlampen. Christian Dells Entwurf der Kaiser Leuchte aus den frühen 1930er Jahren steht für die innovative Ingenieurskunst dieser Zeit und ist zugleich ein gelungenes Beispiel dafür, wie formale und funktionale Qualität die Zeiten überdauern.
    12.         </td>
    13.     </tr>
    14.     <tr>
    15.         <td style="padding-top: 25px;">
    16.             <table border="0" cellpadding="0" cellspacing="0">
    17.                 <tr>
    18.                     <td style="background-color: #E52D11; padding: 12px 25px;">
    19.                         <a href="#" style="font-family: Arial, sans-serif; font-size: 16px; line-height: 24px; font-weight: bold; color: #ffffff; text-decoration: none">Zum Produkt</a>
    20.                     </td>
    21.                 </tr>
    22.             </table>
    23.         </td>
    24.     </tr>
    25. </table>
    Editor-View
    Editor-Ansicht
    Preview
    Vorschau
     

    1. Default: If the attribute is omitted, it is automatically initialized with this value.