Alchemist Display Experiences Blocks
These blocks allow you to display your experiences and accommodations anywhere on your website. Details about your experiences and accommodations, including title, image, location, dates, and pricing, will be automatically pulled to the blocks to help you save time launching new experiences on your website.
Before you can display experiences in these blocks, you will need to create and publish them first.
Jump to block:
Featured Experiences
The Featured Experiences block allows you to manually select experiences and accommodations to be displayed. Each featured experience or accommodation is presented in its own “card”, containing a hero image, title, description, pricing, call to action for booking and other details. You can feature as many experiences as you like.
Note: if an experience is in the past, they will still be shown in the block.
Content Fields
Header | Add a catchy title for the block. |
Text | Use the text editor to add a description under the header. |
Display button |
Tick the checkbox to display a call to action button. |
Button text |
Add a label for the call to action button, for example “Book now”, “Learn more” or “Buy tickets”. |
Button link |
Add the URL of the page you would like your customers to go to when they click on the call to action button. This can be another page on your website or an external site. Tip: If linking to another page on your website, use the URL path instead (e.g. "/experiences" instead of "http://yourdomain.com/experiences"). This will ensure your links still work if you ever change your domain name. |
Display experience dates |
Tick this checkbox to display the dates in each experience card. This is pulled automatically from the Depart on settings of your experiences. |
Display experience city |
Tick this checkbox to display the city in each experience card. This is pulled automatically from the Location settings (Town/City) of your experiences. |
Display experience country |
Tick this checkbox to display the country in each experience card. This is pulled automatically from the Location settings (Country) of your experiences. |
Display experience duration |
Tick this checkbox to display the duration in each experience card. This is pulled automatically from the Duration settings of your experiences. |
Customise 'enquire' button text |
If you have enquiry only payment settings enabled for your experiences, you can customise the default “Enquire” button label here. |
Display information from experience series |
For experiences in a series, dates, pricing and promotions of the series will be shown instead of the individual experience. |
Select featured experiences |
Click the Add Experience button and then select an experience or accommodation to feature from the dropdown menu. You can add as many experiences as you like. To rearrange the order of the experiences, drag and drop the experience fields by pressing the three-dot icon. To remove an experience, click trash icon. |
Layout Fields
Number of experiences per row | Toggle the slider to adjust the number of experiences to be displayed per row. There's a minimum of one and a maximum of three experiences per row. |
Display experiences in a carousel | By default, all featured experience cards are displayed in a grid layout, stacked on top of each other. Tick this checkbox to display the experience cards in a carousel format. This will collapse the featured experiences into one row and customers will need to click the arrow buttons to see more. |
Align text to the centre | Tick this checkbox to align experience cards to the centre if there is empty space in the row. For example, if you have selected three experiences per row for the layout but only have two featured experience cards, this will position the two cards in the centre. |
Design Fields
Background image | For the best results, upload a landscape image with a minimum width of 1920px. |
Background colour | If there is no background image, the background will default to the background colour – add a HEX code to customise the colour. |
Text colour | Add a HEX code to change the colour of the header, text and call to action button in the block. By default, it is set to your site text colour. |
Experience card background image | Add a background image to be displayed on the text portion of the experience cards. This will override the card background colour. |
Experience card background colour |
Add a HEX code to change the background colour of the text portion of the experience cards. By default it is set to your secondary colour. |
Experience card text colour | Add a HEX code to change the colour of the text in the experience cards. By default it is set to your site text colour. |
Experience card button colour |
Add a HEX code to change the colour of the call to action button in the experience cards. By default it is set to your primary colour. |
Remove padding from top of block | Tick the checkbox to remove the spacing from the top of the block. |
Remove padding from bottom of block | Tick the checkbox to remove the spacing from the bottom of the block. |
Featured Variants
The Featured Variants block allows you to display all the variants of a featured experience or accommodation. Like Featured Experiences, this block displays each variant in its own “card” and will automatically pull through its details, including pricing, title, description, and image. This is great for displaying all ticket types for an event on your website.
Before using this block, you will need to set up pricing variants for your selected experience or accommodation.
Content Fields
Header | Add a catchy title for the block. |
Text | Use the text editor to add a description under the header. |
Display button |
Tick the checkbox to display a call to action button. |
Button text |
Add a label for the call to action button, for example “Book now”, “Learn more” or “Buy tickets”. |
Button link |
Add the URL of the page you would like your customers to go to when they click on the call to action button. This can be another page on your website or an external site. Tip: If linking to another page on your website, use the URL path instead (e.g. "/experiences" instead of "http://yourdomain.com/experiences"). This will ensure your links still work if you ever change your domain name. |
Display variant dates |
Tick this checkbox to display the dates in each variant card. This is pulled automatically from the Depart on settings of your experiences. |
Display variant city |
Tick this checkbox to display the city in each variant card. This is pulled automatically from the Location settings (Town/City) of your experiences. |
Display variant country |
Tick this checkbox to display the country in each variant card. This is pulled automatically from the Location settings (Country) of your experiences. |
Display variant duration |
Tick this checkbox to display the duration in each variant card. This is pulled automatically from the Duration settings of your experiences. |
Customise 'enquire' button text |
If you have enquiry only payment settings enabled for your experiences, you can customise the default “Enquire” button label here. |
Display information from experience series |
For experiences in a series, dates, pricing and promotions of the series will be shown instead of the individual experience. |
Select experience to display its variants |
Select the experience or accommodation you want to feature from the dropdown menu. All associated variants will be displayed. |
Layout Fields
Number of variants per row | Toggle the slider to adjust the number of variant to be displayed per row. There's a minimum of one and a maximum of three variants per row. |
Display variants in a carousel | By default, all variant cards are displayed in a grid layout, stacked on top of each other. Tick this checkbox to display them in a carousel format. This will collapse the variants into one row and customers will need to click the arrow buttons to see more. |
Align variant cards to the centre | Tick this checkbox to align variants cards to the centre if there is empty space in the row. For example, if you have selected three variants per row for the layout but only have two variants cards, this will position the two cards in the centre. |
Design Fields
Background image | For the best results, upload a landscape image with a minimum width of 1920px. |
Background colour | If there is no background image, the background will default to the background colour – add a HEX code to customise the colour. |
Text colour | Add a HEX code to change the colour of the header, text and call to action button in the block. By default, it is set to your site text colour. |
Variant card background image | Add a background image to be displayed on the text portion of the experience cards. This will override the card background colour. |
Variant card background colour |
Add a HEX code to change the background colour of the text portion of the experience cards. By default it is set to your secondary colour. |
Variant card text colour | Add a HEX code to change the colour of the text in the experience cards. By default it is set to your site text colour. |
Variant card button colour |
Add a HEX code to change the colour of the call to action button in the experience cards. By default it is set to your primary colour. |
Remove padding from top of block | Tick the checkbox to remove the spacing from the top of the block. |
Remove padding from bottom of block | Tick the checkbox to remove the spacing from the bottom of the block. |
All Upcoming Experiences
Rather than manually selecting experiences to be displayed, this block allows you to show all upcoming experiences by date in chronological order. Like the Featured Experiences block, each experience’s details including title, description, pricing and image will be automatically pulled into its “card”.
When the date of an upcoming experience is in the past, the block will automatically remove the experience from display. Note that the experience must be published in order to be shown.
Content Fields
Header | Add a catchy title for the block. |
Text | Use the text editor to add a description under the header. |
Display button |
Tick the checkbox to display a call to action button. |
Button text |
Add a label for the call to action button, for example “Book now”, “Learn more” or “Buy tickets”. |
Button link |
Add the URL of the page you would like your customers to go to when they click on the call to action button. This can be another page on your website or an external site. Tip: If linking to another page on your website, use the URL path instead (e.g. "/experiences" instead of "http://yourdomain.com/experiences"). This will ensure your links still work if you ever change your domain name. |
Display experience dates |
Tick this checkbox to display the dates in each experience card. This is pulled automatically from the Depart on settings of your experiences. |
Display experience city |
Tick this checkbox to display the city in each experience card. This is pulled automatically from the Location settings (Town/City) of your experiences. |
Display experience country |
Tick this checkbox to display the country in each experience card. This is pulled automatically from the Location settings (Country) of your experiences. |
Display experience duration |
Tick this checkbox to display the duration in each experience card. This is pulled automatically from the Duration settings of your experiences. |
Customise 'enquire' button text |
If you have enquiry only payment settings enabled for your experiences, you can customise the default “Enquire” button label here. |
Display information from experience series |
For experiences in a series, dates, pricing and promotions of the series will be shown instead of the individual experience. |
Layout Fields
Number of experiences per row | Toggle the slider to adjust the number of experiences to be displayed per row. There's a minimum of one and a maximum of three experiences per row. |
Display experiences in a carousel | By default, all featured experience cards are displayed in a grid layout, stacked on top of each other. Tick this checkbox to display the experience cards in a carousel format. This will collapse the featured experiences into one row and customers will need to click the arrow buttons to see more. |
Align experience cards to the centre | Tick this checkbox to align experience cards to the centre if there is empty space in the row. For example, if you have selected three experiences per row for the layout but only have two featured experience cards, this will position the two cards in the centre. |
Design Fields
Background image | For the best results, upload a landscape image with a minimum width of 1920px. |
Background colour | If there is no background image, the background will default to the background colour – add a HEX code to customise the colour. |
Text colour | Add a HEX code to change the colour of the header, text and call to action button in the block. By default, it is set to your site text colour. |
Experience card background image | Add a background image to be displayed on the text portion of the experience cards. This will override the card background colour. |
Experience card background colour |
Add a HEX code to change the background colour of the text portion of the experience cards. By default it is set to your secondary colour. |
Experience card text colour | Add a HEX code to change the colour of the text in the experience cards. By default it is set to your site text colour. |
Experience card button colour |
Add a HEX code to change the colour of the call to action button in the experience cards. By default it is set to your primary colour. |
Remove padding from top of block | Tick the checkbox to remove the spacing from the top of the block. |
Remove padding from bottom of block | Tick the checkbox to remove the spacing from the bottom of the block. |
Note: If you have any experience series, all individual experiences within the series will be displayed.
Comments
0 comments
Article is closed for comments.