Widget
...
There are currently two widget styles. You can choose which one to show in the “Widget visualization params” field in the SeQura Checkout module:
Text
...
Banner
...
They can be further customized using parameters in .json format. Use the widget simulator to design the widget and paste the generated .json code in the “Widget visualization params” field.
The parameters you can modify are the following:
type (text, banner o legacy)
size (S, M o L)
font-color (#rrggbb)
background-color (#rrggbb)
alignment (left, center o right)
branding (white, black o default)
starting-text (only o as-low-as)
amount-font-size (13, 15, 17)
amount-font-color (#rrggbb)
amount-font-bold (true o false)
link-font-color (#rrggbb)
link-underline (true o false)
border-color (#rrggbb)
no-costs-claim (free o without-cost)
...
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.
In the section Would you like to use promotional components?, select Yes, which will activate a series of configurations.
In the "Assetkey" section, add the code provided in the seQura email.
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.
...
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. |
|
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 in this link. 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.