In this article you will learn how to create and configure an offer page
Quick guide:
Configure an offer page – here's how:
- Go to: Settings / Landing pages by MySports / Offer pages
- Create new configuration
- Design the page content
- Add contract offers
- Upload CSS file for custom design
Introduction
As part of Landing pages by MySports, offer pages give you the option to create and publish individual pages for presenting contract offers. Offer pages are particularly suitable in the context of promotions and campaigns for offering special contract offers online, either permanently or for a limited time, that differ from your regular offer. Offer pages are available starting from the "Advanced" package and above. The total number of offer pages is not limited.
Basic settings
As with the studio pages, the foundation of every offer page is a configuration of the basic settings under Settings / Online pages. Here you can configure, among other things, the visual appearance. How to configure the basic settings in detail is described in the article on studio pages in the "Basic settings" section.
Offer pages
In your Magicline, navigate to Settings / Landing pages by MySports / Offer pages and click "Create configuration". Enter a name for the configuration of your offer page. You now see a preview of the directory path and, below it, a preview of the URL of your offer page. In the next step, select the basic configuration you want to use. Finally, you can decide which legal information should be displayed on the offer page. To do this, select the corresponding studio from the dropdown menu. The legal information stored there under Settings / Account / Operating company will then be used.
Page content
In the "Page content" widget, click "Edit configuration". In the following dialog you can upload both a background image and a social sharing image. The background image is displayed prominently in the upper area of the page and stretches across the full width of the browser window. The image should not contain any text. The main subject of the image should be as centered as possible, as your image may be cropped at the edges on different devices. The image should have a high resolution, around 1980px in width, and a rectangular format. You should not use your studio logo here. If you do not have suitable high-resolution image material available, we provide a selection of images that you can download here. Please note that the use of these images is only permitted on studio pages within Magicline! Any other use is not permitted and may have legal consequences.
Next, you can define a headline for your page. This will be displayed prominently on the previously uploaded background image. Optionally, you can also enter a description text if you want to display offer-related details in text form. You can also decide whether a click on the studio logo should have no action or link to a URL of your choice (e.g. the "Home" page of your own studio website). You can also change the previously selected option for displaying the legal information. Finally, you can customize the success message after a successful contract purchase or enter a URL for an alternative redirect.
Add contract offers
The "Contract offers" widget allows you to select individual contract offers that you want to present on your page. First click on "Add new offer". Then select the type of offer, i.e. whether you want to present contract offers or corporate contract offers. Depending on your selection, the next dropdown will show you all available contract offers. You can add as many contract offers as you like. Once you have made a selection and confirmed it via "Add", you can adjust the order of the contract offers in the widget as you wish. Move your mouse over the entry of a contract offer. An icon with three lines appears. Click on the icon, hold down the mouse button and move the entry to the desired position. The contract offer at the very top will be displayed first on the offer page.
Important: Contract offers that include a rate with a price adjustment for at least one location cannot be selected within offer pages and are therefore not displayed!
Custom CSS
If you would like to make individual adjustments to the appearance via CSS, you can upload your own CSS file.