How to use Theming to customize the look of your Swiipe services – Swiipe Help Center

What is Theming in Swiipe settings?

To customize the look of your Add-on services, such as Plus-sell and Return-sell, follow the instructions below.

Log in to your webshop’s admin panel.
On WooCommerce: type "/wp-admin" at the end of your webshop's url.
On Magento 2: type "/admin" at the end of your webshop's url.
Navigate to Swiipe Settings.
On WooCommerce: go to WooCommerce > Swiipe Settings.
On Magento 2: go to System > Settings (under Swiipe).
In the Swiipe settings, go to the tab labeled "Theming”.
Select the checkbox for “Use custom styling”.
Select a Main theme color (enter a hex code or pick a color from the color space on the right).
This color will be used for action buttons and special deal labels. It’s best to choose a vibrant color that stands out. You can use a color from your brand palette or choose a contrasting color (e.g., blue-yellow/orange, green-red/pink).
Select a Background color (enter a hex code or pick a color from the color space on the right).
This color will be used for the text displayed on a white background or on your chosen colored background. It’s recommended to choose a darker shade for easy readability.
Select a Main text color (enter a hex code or pick a color from the color space on the right).
This will be used for the text, displayed on white background, or on your selected colored background. We recommend choosing a darker shade to ensure easy readability.
Select an Alternate text color (enter a hex code or pick a color from the color space on the right).
This color will be used for the text on buttons and special deal labels. If you selected a darker color for the Main theme color, it’s recommended to choose a light color (e.g., white) here for readability.
Review the preview to ensure the colors interact as expected and that the text is easy to read on various backgrounds.
Once you finish adjusting all the colors, click "Save changes".
Check if the colors look as expected on your webshop.
For Plus-sell, place an order on your webshop to reach the thank you page and see the Plus-sell product recommendations. Add a recommendation to the basket and proceed to confirm to ensure your selected colors are applied to all sections. Read more What is Plus-sell?

For Return-sell, go to the returns page, select an order, and go through the entire flow to confirm returns for a variable product. This will ensure your selected colors appear in all sections. Read more What is Return-sell?

Theming is available on:

Swiipe plugin for WooCommerce v. 5.26
Swiipe plugin for Magento 2 v. 2.31.0

Relaterede artikler