All Collections
Booking Pages
How to add an image to the booking page?
How to add an image to the booking page?
Kritika avatar
Written by Kritika
Updated over a week ago

Adding images & visuals is a great way to enhance the look and feel of your Live Pricing & Real-Time booking pages and get more shoppers to click "Book Online".

It is important to keep in mind that directly uploading an image to your booking page will increase its page load time, and cause inconvenience for buyers as they will experience a noticeable lag.

Learn how to correctly upload images to your Live Pricing & Real-Time booking pages. This ensures that they load quickly so you're able to give customers a smooth shopping experience.

Step 1. Get the link of the image you want to add to the booking page

In order to get the link to your image, upload it to your WordPress site, and copy the link.

Here's how to do it step by step -

a) Login to your WordPress admin panel.

b) Go to "Media" > "Library"

c) Under Media Library click on the option "Add New" to upload your image.

d) Once the image is uploaded, click on the image and copy the link.

Step 2. To add an image on the booking page, go to the "Dropdown Description Section"

Add an image on the booking page

Step 3. Under the "Dropdown Description Section" add the image and text you would like to display.

To add the link to the image,

a) Write "insert image" where you would like the image to appear

b) Click the " </> " icon and track where you have written, "Insert image".

c) Remove "Insert image" and replace it with this line of code.

<p style="text-align: center;"><img src="ADD YOUR IMAGE LINK HERE" style="width:80%;"><br></p>

d) Toggle back to visual mode and style your image as you prefer. You change the alignment and resize it. The image automatically scales in size depending on the size of the user's screen.

Did this answer your question?