Funnel Customization Guide
Theme developers can customize create and manage customizable and engaging Funnels for marketing campaigns.
Funnels Location
In the funnels
directory of a theme, theme developers can edit/manage the funnel templates.
Funnel Templates Location
funnels
└── funnel-template-example-1.html
└── funnel-template-example-2.html
└── funnel-template-example-etc.html
Example Template
Example Funnel Template
<!DOCTYPE html>
<html lang='{{ LANGUAGE_CODE|default:"en" }}'>
<head>
<title>{% block title %}{{ shop_name }} - {{ shop_tagline }}{% endblock %}</title>
<link rel="alternate" hreflang="{{ LANGUAGE_CODE }}" href="https://{{ request.get_host }}{{ request.path }}" />
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<meta name="created" content="{% now " jS M Y h:i" %}" />
<meta name="description" content="{% block description %}Funnel meta description{% endblock %}" />
<meta name="viewport" content="{% block viewport %}width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no{% endblock %}" />
<meta name="robots" content="NOARCHIVE,NOCACHE" />
{% block favicon %}
{% if shop_icon %}
{% with image=shop_icon %}
{% image_thumbnail image "100x" upscale=False as thumb_shop_icon %}
<link rel="shortcut icon" href="{{ thumb_shop_icon.url }}" />
{% endwith %}
{% endif %}
{% endblock %}
{% block styles %}
<link rel="stylesheet" href="{{ 'css/funnel_example.css'|asset_url }}" />
{% endblock %}
{% block tracking %}
{% include "partials/trackings/google/analytics.html" %}
{% include "partials/trackings/taboola/analytics.html" %}
{% include "partials/trackings/facebook/analytics.html" %}
{% endblock %}
</head>
<body>
{% csrf_token %}
// Page HTML here
{% block scripts %}
<script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
{% include "partials/trackings/omnisend/snippet.html" %}
{% endblock %}
{% core_js %}
{% include "partials/messages_script.html" %}
</body>
</html>