Automation5 min read•Audience: Marketers, Developers
Using PostBrix with Customer.io
Import custom layout HTML into Customer.io, adapt Liquid syntax variables, and handle message layouts.
Key Takeaways
- Customer.io uses Shopify Liquid for templating and customer personalization.
- In Customer.io, create a layout or email and select the "Code" editor.
- Convert PostBrix variables to Liquid syntax: {{ customer.first_name }}.
- Unsubscribe links use Customer.io Liquid tags: {% unsubscribe_url %}.
Setting Up PostBrix HTML in Customer.io#
- In Customer.io, navigate to Content → Email Layouts (or inside an individual campaign workflow).
- Choose the Code / Custom HTML editor.
- Paste your compiled PostBrix HTML.
- Replace Handlebars tokens with Customer.io Liquid tags.
Customer.io Liquid Mapping#
Convert Handlebars syntax to Liquid:
- Customer Attribute:
{{ customer.first_name | default: "there" }} - Event Attribute:
{{ event.order_number }} - Conditionals:
{% if customer.plan == "enterprise" %}VIP Support{% endif %} - Unsubscribe Link:
<a href="{% unsubscribe_url %}">Unsubscribe</a>
Frequently Asked Questions
Can I use Customer.io layouts with PostBrix templates?
Yes. You can paste your PostBrix HTML as a standalone email, or strip the outer <html>/<head> tags to use it inside a shared Customer.io layout.
Does Customer.io support Liquid array filters on PostBrix tables?
Yes. Liquid filters like | size, | sort, and | slice work across repeating table rows in Customer.io.