With this module you can add special offers that you wish to communicate to your visitors on your website. It is possible to find the Offers Module in the Basic Modules menu, add it to your website by dragging it from the top bar to a row or column of your preference.
Edit the Offers Module
To open the editing menu, double-click on top of the module you wish to modify or hover the mouse on top of it to find the blue Module menu and click on the Edit option.
1.1. Use Offers from Global Data
Instead of manually adding your offers to each module, you can use the offers you have added in Global Data. To activate this option, simply toggle on in the right side. When you use the Offers from Global Data you only need to input the offers once and you can then use them in your website as many times as you want. Learn more about Global Data here!
1.1.1. Show Offers
It is only possible to show one offer per module. Therefore, when enabling the offers from Global Data you must choose from the dropdown menu which offer you want to show.
1.2. Manually Adding Offer
In the title section you should add the title of the offer.
In this section you should add more information about the offer, like a descriptive paragraph with details relevant to the offer.
In this section you can add the price of the offer.
1.2.4. Start & End Date
In these fields it is possible to include the start and end date for the offer. Click on the field to reveal the calendar so you can choose the date.
1.2.5. Button Text
In this section you should type down the text for the button. It should be a call to action.
1.2.6. Clickthrough URL & Open Link in New Tab
Finally you can decide the behaviour of the button – whether it should redirect the visitor to an internal or external page, to send an email or to download a file. You can also decide whether the link should open in a new tab or not; note that by default, external links are always set to open in a new tab.
Style the title in terms of font color, size, family, weight, line height, uppercase letters, alignment and spacing.
Style the description in terms of font color, size, family, weight, line height, uppercase letters, alignment and spacing.
Style the price in terms of font color, size, family, weight, line height, uppercase letters, alignment and spacing.
2.4. Start Date & End Date
Style the start and end date in terms of font color, size, family, weight, line height, uppercase letters, alignment and spacing.
With this option you can choose a solid color or upload an image as the background for the module.
Here you can define the border color, width, style and radius of the module.
When styling the spacing you can define the margin - which adjusts the space outside of an element; and padding - which adjusts the space inside of an element.
3. Global Styling
It is possible to style all the Offers modules simultaneously and to find other styling options with Global Styling. Under the Global Styling tab, there is a Module Design option on the left menu. Click on it to expand the options and you should find the Offers menu. Read all about the Offers Global Styling here!