Skip to main content

Introducing the Gifting editor

Set up your gift blocks in one place: choose a preset, change colors, text and languages, and preview every change on the product page, cart and checkout before you save.

The Gifting editor is where you set up your gift blocks: choose a preset, change colors, fonts and text, and watch each change land in a live preview of the product page, cart drawer, cart page and checkout. Nothing changes in your online store until you press Save, so you can try ideas freely.

Where to find it

  1. In Wrapped, open Gifting for Products or Gifting for Orders. Each has its own editor.

  2. On the Gifting editor card, press Open editor.

The Gifting editor card on the Gifting for Products page, with the Appearance, Text, Gift product and Gift messaging tiles and the Open editor button

The Gifting editor card shows the preset, the launcher text, the gift product and the gift messaging you have today

The editor at a glance

The preview fills the left side and shows the gift block as your customers see it. The settings sit on the right. Press a row to open its panel, change a setting, and the preview updates as you go. The labels on the preview name the parts of the block, such as the launcher and the gift block itself, so you always know what a setting changes.

The Gifting editor with the product page preview of a gift block on the left and the Settings list on the right, from Presets down to Languages

Preview on the left, settings on the right

The settings come in two groups. The first group shapes how the gift block looks: Presets, Appearance, Typography, Form fields, Buttons and Images. The second group, Settings, shapes what the gift option offers and says: the gift product, the sender, receiver and message fields, the text on the block, and its languages.

Start with a preset

A preset is a complete look: colors, fonts, field and button styles that work together. Press Presets and then press a preset to try it. The preview changes at once, and the preset applies to the gift blocks on the product page, in the cart and at checkout. Every other panel then starts from the preset, so you can fine tune one color or one font without starting from scratch.

The Presets panel with the Linen preset selected and the product page preview showing the gift block in the Linen colors

Pressing Linen recolors the gift block in the preview

Check every place the gift block appears

The tabs above the preview switch between the product page, the cart drawer, the cart page and checkout, so one change can be checked everywhere it shows. The icons on the right of the tabs switch the preview between desktop, tablet and phone. Preview language shows the gift block in any language your online store sells in.

The Cart drawer tab of the preview, showing the launcher and the open gift block with the gift product, its description, the gift option menu and the Save button

The same preset on the cart drawer

Save when it looks right

As soon as you change something, a bar at the top of the page shows Unsaved changes. Press Save to publish the changes to your online store, or Discard to go back to what is live. Until you press Save, your customers see the gift blocks exactly as before.

The Unsaved changes bar with the Discard and Save buttons

Recap

  • Open the editor from the Gifting editor card on Gifting for Products or Gifting for Orders.

  • Press a settings row, change it, and the preview updates as you go.

  • A preset gives you a complete look in one press. Fine tune it in the other panels.

  • Check the product page, cart drawer, cart page and checkout, on desktop, tablet and phone, in each language.

  • Nothing reaches your customers until you press Save.

Important notes

  • Gifting for Products and Gifting for Orders each have their own editor and their own preset, so the two can look different.

  • The checkout preview shows the checkout gift block, which is available on Shopify Plus.

Related

Did this answer your question?