Selecting and switching editor styles to customize printed receipts for your Shopify POS

You can customize the template for your printed receipts with either the visual editor or the code editor.

The POS editor defaults to the visual editor format, but you can manually choose to use the code editor to access more advanced customization options for your printed receipts.

Considerations

Review the following considerations for selecting an editor to use to customize your printed receipts, and for switching between editor styles in the POS editor for your POS Pro locations.

Considerations for selecting an editor

Review the following differences between editors:

• Customizations made in the visual editor apply to all types of printed receipts, such as sales receipts, gift receipts, and returns and exchanges receipts. You can use the code editor to customize specific types of receipts.
• When you save a customization using the visual or code editor, the changes will apply to the selected location only.
• When the code editor is active, you won't be able to make any customizations to your receipt template from Shopify POS.
• Access printing options directly in the visual editor, or from the Point of Sale channel settings or Shopify POS when the code editor is active.

Learn more about considerations for using the receipt visual editor, and considerations for using the receipt code editor.

Considerations for switching between editors

You can switch between the visual editor and code editor to customize your printed receipts. Review the following considerations for switching code editors:

• The active editor applies to both your Shopify admin and the Shopify POS app at the same time. For example, if you switch to the code editor in your Shopify admin, then when you open your POS app, the available settings are reflected in the Shopify POS app.
• You can switch between editors only from the Shopify admin.
• You can use the code editor only from your Shopify admin on desktop.
• The code editor applies only to POS Pro locations. If you use the code editor and have non-POS-Pro locations, then you can use only the visual editor to customize the header and footer for those locations.
• The code editor isn't available for any locations in Italy or France.
• The steps for switching between the editors differ slightly depending on if all of your POS locations are eligible for the code editor, or if only some of your POS locations are eligible, for example, some of your POS locations don't use POS Pro or are based in Italy or France. You can review which of your POS locations are subscribed to POS Pro from your Shopify admin.
• Your customizations are saved separately for each editor and preserved when you change editors. For example, if you add SKU information to your receipts in the visual editor, and switch to the code editor, then the SKU isn't displayed in your receipts. However, if you switch back to the visual editor, then the setting to display the SKU is still activated in the visual editor and displays on your receipts.

Switch POS Pro locations to the code editor

You can switch to the code editor to make changes to your printed receipt templates with HTML, CSS, and Liquid.

You must have at least 1 location with the Shopify POS Pro subscription to use the code editor. If you use the code editor and only have non-POS-Pro locations, then you can use the visual editor to customize the header and footer for those locations. Learn more about using the code editor.

The steps for switching between the editors differ slightly depending on if all of your POS locations are eligible for the code editor, or if only some of your POS locations are eligible, for example, some of your POS locations don't use POS Pro or are based in Italy or France.

Steps:

Switch POS Pro locations back to the visual editor

You can switch to the visual editor to make preset customizations to your printed receipt templates. Learn more about using the visual editor.

The steps for switching between the editors differs slightly depending on if all of your POS locations are eligible for the code editor, or if only some of your POS locations are eligible, for example, some of your POS locations don't use POS Pro or are based in Italy or France.

Steps: