Copy-paste a theme-editor section for marketing - A 3-question 'find your X' quiz that ends on a collection link - converts browsers into buyers, no app needed.
Find your perfect fit
What's your style?
Step 1 of 3
1<gpl-quiz class="gpl-quiz" data-step="0">2 <p class="gpl-quiz__heading">{{ section.settings.heading }}</p>3 {%- for block in section.blocks -%}4 <div class="gpl-quiz__q"{% unless forloop.first %} hidden{% endunless %} data-q="{{ forloop.index0 }}">5 <p class="gpl-quiz__qtext">{{ block.settings.question }}</p>6 <div class="gpl-quiz__opts">7 {%- assign opts = block.settings.options | split: ',' -%}8 {%- for o in opts -%}9 <button type="button" class="gpl-quiz__opt" data-goto="{{ block.settings.result_url }}">{{ o | strip }}</button>10 {%- endfor -%}11 </div>12 </div>13 {%- endfor -%}14 <div class="gpl-quiz__done" data-done hidden>
Full source is for members
One payment - every snippet, guide and bundle
