- WOO - 2.3 - VISUAL INTEGRATION

Owned by Fede Otálvares
Last updated: Nov 15, 2024
2 min read

Widget Customization

In the configuration of our plugin, you can modify the visual parameters of the widget that will be displayed on the product page.

Go to WooCommerce → seQura → Widget Settings.

  1. In the section Would you like to use promotional components?, select Yes, which will activate a series of configurations.

  2. In the "Assetkey" section, add the code provided in the seQura email.

  3. In the Widget Configurator, you can modify the visual appearance of the widget. In our Widget Simulator, you can choose the design that best fits your website. Once the different parameters are selected, you can copy the resulting JSON code and paste it into the Simulator Parameters in our plugin.

Captura de pantalla 2024-06-13 a las 11.27.41.png

  1. To display the different available widgets on your page, activate the following options:

     

Display widget on product page: Activate our widget on the product page.

Price selector: CSS selector to retrieve the product price.

Alternative price selector: CSS selector to retrieve prices for variable products.

Alternative price detection: CSS selector for cases where we want to select an alternative price for the product.

Default widget location selector: CSS selector of the location below which our widget will be added.

Customize widgets: Allows you to choose a different location selector and styles from the default ones for one or more of the enabled seQura products.

 

5.png

 

Widget in the Cart

This option allows you to select the CSS selectors for the price and location in the cart. The widget will be added below the selected location selector.

 

 

Product List

This option allows you to select the CSS selectors for the price and location in the product list. The widget will be added below the location selector of each product displayed in the list.

 

 

 

Visual material (sliders, logos and texts)

If you want to create a personalized banner or slider, you can use the images and logos. These images and logos are in PNG and SVG format, in order to give flexibility in the design and make it as close to your design as possible.

🇮🇹 ITALY

🇵🇹 PORTUGAL

🇫🇷 FRANCE

In that same link you will find tutorials for the visual elements available for our payment methods.