01
Drag, drop, book
Add the DatePick calendar with PageFly's app block element and place it anywhere in your layout, from a hero section to a sticky sidebar.
Add a booking calendar to your PageFly pages
Keep the page you designed in PageFly and add live booking to it. DatePick's calendar sits inside your layout, shows real availability and sends customers to your Shopify checkout.
ElementsHeadingImageButtonDatePick calendarBook your private yoga session
Mon 5Tue 6Wed 7Thu 8
09:0010:3012:0014:0015:3017:00
Book now- Category
- Page builder
- Method
- App block element
- Theme
- Online Store 2.0
- Setup
- About 3 minutes
What you get
What DatePick and PageFly do together
02
Live availability
The calendar shows real open slots for the product you choose, so a page built weeks ago is always up to date.
03
Test layouts that book more
Duplicate a page, move the calendar higher or change the copy, and compare which version brings in more bookings.
04
Mobile-ready
The calendar adapts to phones on its own, so it looks right in PageFly's mobile view without extra work.
Set up
Connect PageFly in 3 steps
- 1
Open the PageFly editor
Edit the page where you want customers to book.
- 2
Add the app block
Add PageFly's App block element and choose the DatePick booking calendar.
- 3
Choose the product and publish
Select which bookable product to show, then publish the page.
Made for
How shops that sell time use it
Yoga and fitness teachers
Put the booking calendar under your class schedule and teacher bios on a single page built in PageFly.
Rental businesses running ads
Send ad traffic to a fast PageFly landing page with the rental calendar above the fold.
Multi-service salons
Build a service menu page where each treatment has its own calendar block next to the description and price.
Under the hood
The details
Exactly what moves between DatePick and PageFly, which way it goes and when. Included on every plan, Free too.
- Method
- DatePick theme app block, placed with PageFly's App block element
- Requirements
- An Online Store 2.0 theme
- Page types
- Landing, product, collection and regular pages
- Checkout
- Your standard Shopify checkout
- Styling
- Inherits your DatePick calendar design and theme fonts
FAQ
PageFly questions
Does DatePick work with PageFly?
Yes. Add PageFly's App block element to your page and choose the DatePick booking calendar.
Can I use it on several PageFly pages?
Yes. Add the block to as many pages as you like, each showing the same or a different bookable product.
Will the calendar match my page design?
It uses your DatePick calendar design and your theme's fonts, and you can adjust colours and corners in DatePick so it fits the page.
+Connect PageFly today
Install DatePick for free. The PageFly integration is included.