How to add, change and remove your logo in Bookipi AI Website Builder

Learn how to add, change or remove your company logo on your website.

How to add, change and remove your logo in Bookipi AI Website Builder

There are two areas in your dashboard where you can add, edit, or remove your company logo from your website. Follow these steps to learn how to modify your logo either:


Option 1 – In the ‘Content’ section

Step 1: Click ‘Website’.

Click ‘Website’ in the left-hand panel of Bookipi Web app.

Bookipi AI Website Builder - How to add, change and remove your logo in Bookipi AI Website Builder - 1

Step 2: Click on the header of your website or click ‘Content’.

Click directly on the header of your website, and it will take you to the editing area in the left panel of your screen.

Bookipi AI Website Builder - How to add, change and remove your logo in Bookipi AI Website Builder - 2

Alternatively, navigate to the ‘Content’ section (the second icon) in the sidebar, then select the ‘Header’ option from the available choices.

Bookipi AI Website Builder - How to add, change and remove your logo in Bookipi AI Website Builder - 3

Step 3: Enable ‘Logo’.

To display your logo on your website, make sure the ‘Logo’ option is enabled.

Bookipi AI Website Builder - How to add, change and remove your logo in Bookipi AI Website Builder - 4

Step 4: Click ‘Change’ to add or update your logo.

Click the ‘Change’ button to add or change a logo.

Bookipi AI Website Builder - How to add, change and remove your logo in Bookipi AI Website Builder - 5

Select the ‘Library’ tab to choose from the Unsplash stock photos and enter your preferences into the search bar.

Bookipi AI Website Builder - How to add, change and remove your logo in Bookipi AI Website Builder - 6

Select the ‘Upload’ tab to upload your own logo by dragging the image into the box or clicking the box to select a file.

Bookipi AI Website Builder - How to add, change and remove your logo in Bookipi AI Website Builder - 7

Step 5: Click ‘Update’.

Once you have uploaded or selected a logo for your website, click ‘Update’.

Bookipi AI Website Builder - How to add, change and remove your logo in Bookipi AI Website Builder - 8

Step 6: Adjust your logo if necessary.

If necessary, adjust the height of your logo on your website by moving the knob on the horizontal slider under Logo height.

Bookipi AI Website Builder - How to add, change and remove your logo in Bookipi AI Website Builder - 9

You can also crop your logo to zoom in or out, allowing you to adjust which area of the logo is displayed.

Bookipi AI Website Builder - How to add, change and remove your logo in Bookipi AI Website Builder - 10

Step 7: Click the trash icon to remove your logo.

To remove your logo from your website, simply click the trash icon button.

Bookipi AI Website Builder - How to add, change and remove your logo in Bookipi AI Website Builder - 11

Step 8: (Optional) Disable the ‘Logo’ option to hide it from your website.

If you prefer not to display your logo on your website for now but would like to keep them for future use, you can disable them by toggling off the ‘Logo’ option.

Bookipi AI Website Builder - How to add, change and remove your logo in Bookipi AI Website Builder - 12

Step 9: Click ‘Publish’.

Any changes you make are saved automatically. To launch your website, simply click ‘Publish’.

Bookipi AI Website Builder - How to add, change and remove your logo in Bookipi AI Website Builder - 13


Option 2 – In the ‘Settings’ section

Step 1: Click ‘Website’.

Click ‘Website’ in the left-hand panel of Bookipi Web app.

Bookipi AI Website Builder - How to add, change and remove your logo in Bookipi AI Website Builder - 14

Step 2: Click ‘Settings’.

Click on ‘Settings’ (the gear icon), which is the last icon in the sidebar.

Bookipi AI Website Builder - How to add, change and remove your logo in Bookipi AI Website Builder - 15

Step 3: Select ‘Website’.

Select the ‘Website’ option from the available choices.

Bookipi AI Website Builder - How to add, change and remove your logo in Bookipi AI Website Builder - 16

Step 4: Click ‘Change’ to add or update your logo.

Click the ‘Change’ button to add or update your logo, then follow Steps 4 through 7 in Option 1 – In the ‘Content’ section to make the necessary adjustments to your logo.

Bookipi AI Website Builder - How to add, change and remove your logo in Bookipi AI Website Builder - 17

Step 5: Click ‘Publish’.

Any changes you make are saved automatically. To launch your website, simply click ‘Publish’.

Bookipi AI Website Builder - How to add, change and remove your logo in Bookipi AI Website Builder - 18

The option to show or hide your logo is available only in the ‘Content’ section of your dashboard.


Common FAQs about how to add, change and remove your logo in Bookipi AI Website Builder

Q: What is the maximum file size and supported format for uploading a logo?

A: The maximum file size for uploading a logo is 1MB, with supported formats including .jpg, .jpeg, and .png.

Q: Can I change the shape of the logo on my website?

A: No. The default logo displayed on your website is rectangular. You can upload a logo with a different shape, but make sure it fits within the rectangular format and has a color that contrasts with white to better highlight the shape of your logo.

Q: What are the minimum and maximum logo height settings I can adjust for my website?

A: You can adjust the height of your logo on your website, with a minimum height of 32 pixels and a maximum height of 80 pixels.


Discover more tutorials for Bookipi AI Website Builder

Explore our collection of Bookipi AI Website Builder guides to find more tutorials and learn more in our Bookipi AI Website Builder FAQs.

Discover more tips on how to get the most out of Bookipi Invoice on Web v2 with our Web v2 guides.

Make sending invoices anytime and anywhere even easier by downloading the Bookipi Invoice mobile app and check out our mobile app guides.