Core components at a glance

Supported features and capabilities

Best practices to boost your templates

• Get specific for better results: The clearer your instructions, the better the assistant delivers.
  

  Example: "Add a 3-column product grid that includes product names, prices, and descriptions."

• Always have a backup: Ensure personalized content has fallback options if data is missing. Nobody likes an empty greeting!
  

  Example: "Greet the user with their first name, and if it’s not available, use ‘Dear Customer.’"

• Play with styles and have fun: Don’t be afraid to try different layouts, colors, or fonts. Experimentation leads to discovery!
  

  Example: "Create a layout with a bold, colorful header and an image on the left."

• Keep it fast and light: Reduce heavy elements to load your emails quicker and improve deliverability.
  

  Example: "Optimize by removing extra HTML elements and simplifying the layout."

• Double-check your creation: The assistant's output is powerful, but a quick review ensures it’s perfect before hitting send.
  

  Example: "Check the HTML and Liquid logic for accuracy before saving the template."

Template size limit

In the current beta, the Template Assistant has a 30,600-character limit for HTML content when using the chat feature. If your template exceeds this limit, you’ll be prompted to reduce the size.

Tips to reduce template size

To bring your template within the character limit, consider removing or simplifying the following:

• Extra comments: Remove unnecessary code comments.
  • Example:

    <!-- Placeholder for A/B Test Results -->

• Redundant, repetitive, and unused blocks: Eliminate duplicative blocks of code that serve the same purpose or could be consolidated for efficiency, and remove anything not being used.
  • Example of a redundant code scenario:

    <p style="color: #333; font-size: 16px; line-height: 1.5; margin-bottom: 20px;">Enjoy our special promotion!</p>
    <p style="color: #333; font-size: 16px; line-height: 1.5; margin-bottom: 20px;">Take advantage of this exclusive deal!</p>

    Here is the inline style that can be used by all similar paragraphs. These can be consolidated into a CSS class.

    <style>.welcome-text { color: #333; font-size: 16px; line-height: 1.5; margin-bottom: 20px; }</style>
    <p class="welcome-text">Enjoy our special promotion!</p>
    <p class="welcome-text">Take advantage of this exclusive deal!</p>

  • Example of unused sections:

    <div id="promo-section"></div>
    <!-- Optional promotional section placeholder -->
    <p>&nbsp;</p>

    These empty divs and placeholders can be removed when not in use to reduce unnecessary code.
• Excessive styling: Combine repetitive styles.
  • Example: Instead of writing:

    p { color: #333; font-size: 16px; line-height: 1.5; }
    h1 { color: #333; font-size: 16px; line-height: 1.5; }
    h2 { color: #333; font-size: 16px; line-height: 1.5; }

    Combine them:

    p, h1, h2 { color: #333; font-size: 16px; line-height: 1.5; }

By simplifying or removing these elements, you’ll significantly reduce the size of your template and improve its performance.

Looking ahead

The Template Assistant marks the next chapter in Blueshift’s pioneering efforts to revolutionize AI-powered tools. As industry leaders in personalization and automation, we’re pushing the boundaries of what’s possible.

We’re excited to see how this assistant streamlines your workflow, allowing you to achieve more in less time. As we evolve, expect frequent updates with new features and improvements to elevate your experience and creativity.