Customer Portal

<div style="padding:16px;border-radius:12px;background:#FFF7E6;border:1px solid #F0D58C">
  <strong>Refer a friend, earn $10</strong>
  <p style="margin:4px 0 0">Share your unique link from the rewards page.</p>
  <a href="/account/rewards" style="color:#B7791F;font-weight:600">Open rewards →</a>
</div>

<!-- Embed a third-party widget by its loader script -->
<div id="my-app-widget"></div>
<script src="https://cdn.example.com/widget.js" defer></script>

<p style="text-align:center;font-size:14px;color:#666">
  Need help? <a href="mailto:support@yourshop.com">Email us</a>
  or <a href="https://yourshop.com/pages/faq">read the FAQ</a>.
</p>

{% if customer %}
  <h2 style="margin:0 0 8px">Hi {{ customer.first_name }} 👋</h2>
  <p>Thanks for being a member since {{ customer.created_at | date: "%B %Y" }}.</p>
{% endif %}

{% if customer.tags contains 'vip' %}
  <div style="padding:12px;border-radius:8px;background:#1F2937;color:#FACC15">
    ⭐ VIP perk: free shipping on every order, no minimum.
  </div>
{% endif %}

{% assign last_order = customer.orders | first %}
{% if last_order %}
  <p>
    Your last order
    <a href="{{ last_order.customer_url }}">#{{ last_order.order_number }}</a>
    is currently <strong>{{ last_order.fulfillment_status | default: 'processing' }}</strong>.
  </p>
{% endif %}

{% comment %}
  Subscribfy writes a JSON object to `exison.customer_subscription1`
  (and `customer_subscription2`) with name, status, member_since,
  next_billing, price, currency. Use it to render member-only content.
{% endcomment %}
{% assign sub = customer.metafields.exison.customer_subscription1 %}
{% if sub.status == 'ACTIVE' %}
  <div>
    <strong>{{ sub.name }}</strong> · member since {{ sub.member_since }}.<br/>
    Next charge {{ sub.next_billing }}.
  </div>
{% endif %}