Skip to content

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>
Back to top