Post Purchase Upsell styling

Last modified:

With the Post Purchase Upsell block you can customize the appearance of your Upsell. Adjust borders, margins and padding to fit with the rest of your checkout, just like any WordPress block.

You can also do some styling to the individual Product offer and Linked Products offer blocks

Post Purchase Upsell offer

Go to: Post Purchase UpsellAll Upsells and click the Title of your Upsell, or the Edit text that appears when you hover the section.
Make sure you are in the Upsell Offer block settings to access the styling.

Please note that

  • Your theme setting might override the configuration you do here.
  • Button colors are often determinded by your theme settings.
  • Any standard blocks you add, such as Heading or Paragraph, have their own styling tab.
  1. Color – Set the Text or Background color for the block.
  2. Typography – Customize the typography for the block. Access additional options like Line height, Letter spacing etc. by clicking the three vertical dots.
  3. Dimensions – Set the Padding and Margin of the block.
  4. Border – Set the border color and width.
  5. Radius – Set the corner radius for the block.

You can also add additional blocks within the Post Purchase Upsell offer block and further customize the layout.

If you want to adjust the design and customize the content of the Post Purchase Upsell blocks, please see each individual section for more information.

Examples