Liquid Template Reference

Inserts a reusable HTML snippet from the Theme Editor. The key is the snippet's template_key.

{% snippet 'footer_cta' %}

Embeds another published page's form inline. The slug can be a quoted string or a Liquid variable path. The partial_name refers to a widget_partial or snippet in the Theme Editor. Inside the partial, use widget_page for the embedded page's data. On a collection item template, add attribute_to: item to tag every submission with that item, so enquiries and donations through it are attributed to it in the CRM.

{% widget 'contact' with 'contact_partial', attribute_to: item %}

Renders a subset of a collection's items — a homepage rail, a featured strip. The matching items are assigned to collection_items inside the block, so the card markup stays in your template.

{% collection_items 'candidates', where: 'featured', limit: 4 %}{% for item in collection_items %}{{ item.title }}{% endfor %}{% endcollection_items %}

Renders a hero section background using the page's attached image. Falls back to a gradient if no image is attached. Params: fallback_gradient (CSS gradient string), overlay_class (Tailwind class for image overlay).

{% hero_image fallback_gradient: 'linear-gradient(135deg, #1E3A5F, #2D6A4F)' overlay_class: 'bg-black/40' %}

Renders a Plyr video player for one of the page's media-library videos. With no argument it uses the item keyed "video", else the first uploaded video. Pass a key to play a specific video (useful when a page has several). Renders nothing if no matching video exists.

{% video_player "intro" %}

Renders Twitter/X, Facebook, and email share buttons using the page's share text fields. Params: layout (vertical or horizontal), text (introductory label above buttons).

{% share_buttons layout: 'horizontal' text: 'Spread the word:' %}

Renders a full Australian address block (suburb, postcode, state) with AddressFinder autocomplete and a manual entry fallback. Use inside {{ page.form.open }} … {{ page.form.close }}.

{% form_address prefix: 'residential' required: true %}

Renders a checkbox grid of interest/volunteer options read from the page's template data. Use inside {{ page.form.open }} … {{ page.form.close }}.

{% form_interests name: 'volunteer_interests' columns: 2 %}

Renders an issues/preferences checkbox grid (for contact pages) with a submit button.

{% issues_form columns: 3 %}

Renders a styled signature count block (online signatures + initial_signatures template variable). Includes a progress bar if petition_goal is set.

{% petition_signatures %}

Renders a row of up to 5 recent petition signer badges (name + suburb). For full control, iterate page.recent_signers directly.

{% recent_signers %}

Renders a stats card showing total donors and average donation amount for the organisation. Add per-page baseline numbers via the donation page's Initial Unique Contributors / Initial Average Amount settings — they are added on top of live donations.

{% recent_donations_stats %}

Renders the membership tier selection UI with toggle between recurring and one-time plans. Reads from organization.paid_membership_types.

{% membership_type_cards %}

Renders Step 1 of the three-step donation flow (amount and frequency selection) from the theme's donation_step_one template. Also injects the required Stripe.js script tag. On non-donation pages, pass the donation page slug: {% donation_three_step_form "donate-slug" %}. Edit individual steps in Theme Editor (donation_step_one/two/three/thanks).

{% donation_three_step_form %}
{% donation_three_step_form "donate" %}

Event page only: renders the registration / ticket selection / Stripe payment panel for the current event (via the event-rsvp controller). Injects Stripe.js when the event has paid tickets. Renders nothing when the event has RSVPs turned off (information-only listing). Use it in the `event` template alongside {{ event.* }} fields.

{% event_rsvp_form %}

Renders donation amount buttons with a custom amount option. Use inside a Stripe-enabled donation form.

{% stripe_amount_selector %}

Renders the Stripe.js card input container. Params: id (element ID), error_id (error container ID).

{% stripe_card_element id: 'card-element' error_id: 'card-errors' %}

Renders a grid of up to 6 published pages as linked cards. Pages are ordered by their position in the dashboard.

{% quick_links %}

Looks up a published page by slug and sets a context variable found_page_SLUG to the page URL. The variable is nil if the page does not exist or is unpublished. Useful for building dynamic links. Takes the slug on its own — there is no slug: label.

{% find_page 'donate' %}
{% if found_page_donate %}
  <a href="{{ found_page_donate }}">Donate</a>
{% endif %}

Renders a small "Powered by Cobber" attribution link. Typically placed in the footer.

{% cobber_credit %}