Alchemist Text Blocks
The Alchemist text blocks are great for highlighting important information to your customers and help sell your experiences.
Jump to block:
Text Block
A simple block, featuring a header, description text and call to action button.
Content Fields
Header | Add a catchy title for the block. |
Text | Use the text editor to add a description under the header text. This is best used to give your customers a snapshot of your brand and what experiences you offer. |
Display button |
Tick this 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. |
Layout Fields
Centre header and text | Tick the checkbox to align all text to the center of the block. |
Reduce text width | Tick this checkbox to decrease the width of the text. |
Increase text width | Tick this checkbox to increase the width of the text. |
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 and text in the block. By default, it is set to your site text colour. |
Button colour |
Add a HEX code to change the border and text colour of the call to action button. 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. |
Text Block - 2-Column
This block allows you to display text in a 2-column layout.
Content Fields
Subtitle | Add a subtitle to be displayed above the header. |
Header | Add a catchy title for the block. |
Left-column text | Add a description text for the left-hand column. The text editor also allows you to insert hyperlinks and tables, style the text, and more. |
Right-column text |
Add a description text for the right-hand column. Leave empty for Left-column text to fill the entire box. |
Display button |
Tick this 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. |
Layout Fields
Centre content to centre | Tick the checkbox to align all text to the center of the block. |
Align button to center | Tick the checkbox to align the button to the centre of the block. |
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 and text in the block. By default, it is set to your site text colour. |
Text box background image | Upload an image to override the 2-column text box's background colour. For the best results, upload an image with a minimum width of 1920px. |
Text box background colour | By default the 2-column text box's background colour is set to your primary colour at 10% opacity. Add a HEX code to change the colour. |
Subtitle colour | Add a HEX code to change the colour of the subheader. By default, it is set to your primary colour. |
Button colour |
Add a HEX code to change the border and text colour of the call to action button. 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. |
FAQ
Make life easier for your customers and increase booking conversion by adding a frequently asked questions section to your website. The Alchemist theme has two versions of the FAQ block:
FAQ with Categories
This block allows you to organise your questions by category (e.g. Getting There, Accommodation), so that customers can find the answers they’re looking for as quickly as possible. You can add up to 10 categories; each category can have as many questions and answers as you like.
Content Fields
Header | Add a catchy title for the block. |
Text | Add a description text to be displayed under the header. The text editor also allows you to insert hyperlinks and tables, style the text, and more. |
Left-column text | Add a description text for the left-hand column. The text editor also allows you to insert hyperlinks and tables, style the text, and more. |
Group (1,2,3…) header | For each FAQ category group, add a header label, e.g. “Getting Here” or "Cancellation Policy". |
Group (1,2,3…) FAQs | In each group, add your FAQ question and answer. To add a new FAQ, click add faqs group. To remove a FAQ, click the bin icon. To reorder the FAQs within a group, click and drag the three-dot icon to its new position. Note that you can't move FAQs between groups. |
Layout Fields
Hide side navigation | The FAQ category headers are listed on the left-hand side to help customers navigate the FAQs. Tick the checkbox to hide this. |
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 and text in the block. By default, it is set to your site text colour. |
FAQ group headings background colour | By default, the background colour of the FAQ category headers are set to your secondary colour. Add a HEX code to change the colour. |
FAQ group headings text colour | By default, the text colour of the FAQ category headers are set to your site text colour. Add a HEX code to change the text colour. |
Q&A background colour | By default, the background colour of the FAQ question and answers are set to your site background colour. Add a HEX code to change the colour. |
Q&A text colour |
By default, the text colour of the FAQ question and answers are set to your site text colour. Add a HEX code to change the text colour. |
Remove hover effect | By default, the FAQ question changes to your primary colour when you hover over it with your cursor. Tick this checkbox to disable the hover effect. |
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. |
FAQ without Categories
This block is perfect if you prefer a more straightforward list of FAQs. The available fields are the same as FAQ with Categories, excluding the FAQ groups and group headers.
Testimonials
Give customers the confidence to make a booking by adding testimonials and reviews from past guests or the press. The Alchemist theme displays the Testimonial block in a slider format – you can add up to 12 testimonials per block. There are two version of the Testimonial block:
Testimonials Text & Image
This allows you to add an accompanying image with each testimonial – this could be a photo of the testimonial’s author or a press logo.
Content Fields
Header | Add a catchy title for the block. |
Text | Add a description text. The text editor also allows you to insert hyperlinks and tables, style the text, and more. |
Display button |
Tick this 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. |
Testimonials To add testimonials, scroll to the bottom and click Add Testimonial. To remove testimonials, click the bin icon. To rearrange testimonials, click the three-dot icon and drag the slide to its new position. You can add as many testimonials as you like. |
|
Name | For each testimonial, add the name of the person or media that the quote is attributed to. |
Text | For each testimonial, add a quote from a past guest or press. For optimal display, we recommend keeping the text across all testimonials roughly the same character length. |
Image | For each testimonial, add an accompanying image. For best results, upload an image in a square format (1:1) with a minimum width of 800px. |
Image Alt Text | For accessibility and SEO, add a description of the image. |
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 and text in the block. By default, it is set to your site text colour. |
Button colour |
Add a HEX code to change the border and text colour of the call to action button. By default, it is set to your primary colour. |
Testimonial text colour |
Add a HEX code to customise the colour of the testimonial text. By default, it is set to your site text colour. |
Testimonial background colour |
Add a HEX code to customise the background colour of the testimonial text. By default, it is set to transparent. |
Testimonial background image |
For the best results, upload a landscape or square image with a minimum width of 720px. |
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. |
Testimonials With Text Only
Use this block if you prefer to have testimonials without images. Similar to the version with images, testimonials will be displayed as a slider. Again, we recommend keeping the length of the testimonial quotes roughly the same for optimal display.
Comments
0 comments
Article is closed for comments.