Button redirect to other url

Store Design

Topic summary

Goal: Make every “Book Now” button redirect to a Jane Booking App page across the store.

  • Recommended method: In the theme customizer, set each button’s Link field to the full booking page URL (https://…/pages/bookingpagename), not a shop:// link. If a button’s link is hardcoded, edit the corresponding section/template file to insert the booking URL directly.

  • Issue encountered: A popup appears when pasting the link in the editor.

  • Clarification: The popup is a Shopify editor notice. After saving and previewing/visiting the live store, the button should open the booking page (likely in a new window) without that notification.

  • Additional request: A video tutorial was asked for; none provided in the thread.

  • Assets: Screenshots (theme customizer fields and the popup) are central to understanding the setup and the message shown.

Status: Guidance provided; resolution not yet confirmed. Next steps: Save changes, test on the live storefront; if some buttons can’t be edited via the customizer, update the relevant section code to hardcode the booking URL.

Summarized with AI on December 30. AI used: gpt-5.
1

Hi Fellows!

My client want me to add her booking page (which i attached: Jane Booking App) in every button on her store. Means she want when anyone click on “Book Now” button it will redirect to this Booking page.

can anyone help me? how to do it

Maira_Sheikh_0-1714050682797.png
Maira_Sheikh_0-1714050682797.png1905×707 189 KB

Maira_Sheikh_1-1714050711157.png
Maira_Sheikh_1-1714050711157.png1550×741 70 KB

2

Hey Maira!

What’s the url for the booking page? You should be able to replace the button contents there with the url for the booking page.

For example: shop://collections/trending should be changed to https://thenameofthestore.com/pages/bookingpagename

1 Like
3

@SymmetryMike it’s not working

Maira_Sheikh_0-1714122559516.png
Maira_Sheikh_0-1714122559516.png1908×792 75.5 KB

4

Hello @Maira_Sheikh

You can add a booking page link to the button link field that is visible on the theme customizer as your attached screenshot.

Same as that way you can add a booking page link to every “Booking Now” button from the theme customizer.

If the button is not customizing from the theme customizer or the link is hard coded then you need to manually add the link by going to the respective section file and add the booking page link.

Please hit Like and Mark it as a Solution if you find our reply helpful.

1 Like
5

@WebDeskSolution can you suggest any video tutorial ?

6

When i paste the link in button it is showing a popup

Maira_Sheikh_0-1714133021695.png
Maira_Sheikh_0-1714133021695.png1902×967 286 KB

7

Hey @Anonymous ,

That I believe is a message shown by Shopify’s editor. If you save the changes and previous/visit the store. A new window to the booking page should automatically open up without that notification appearing!

Cheers,

Mike