Download This Apps Free
Install Now : Friends2a Google Calendar
If you need complete Shopify store development, please message us on WhatsApp. We will give you a response just in one minute. Or mail to us, Amzadhossen420360@gmail.com.
App Introduction
Embed Google Calendar on your store instantly to show availability and bookings, no code needed.
App Details
Friends2a Google Calendar lets you embed your Google Calendar directly into your store or website in seconds. Just paste your calendar link and show availability or appointments inline—no coding required. Control iframe height separately for desktop and mobile, set max width to match your theme, and keep a clean, responsive layout so visitors can view and book without leaving your site.
Features
- Paste Google Calendar link to embed instantly
- Separate iframe height for desktop & mobile
- Set max width to fit your theme perfectly
- Clean, responsive, no-scroll layout
- No-code setup, easy to add on any page
App Store Search Terms
- google calendar
- calendar embed
- appointment calendar
- booking calendar
- event calendar
Image Alt Text
- Google Calendar embed demo
- Calendar embed settings panel
- Shopify Google Calendar block
Friends2a Google Calendar Installation & Setup Guide
Overview
Friends2a Google Calendar lets you embed your Google Calendar directly into your Shopify store. This document explains how to set up and configure the calendar for a clean, responsive display.
Prerequisites
– A published Google Calendar or Appointment Schedule
– A Shopify store with an Online Store 2.0 compatible theme
Get Google Calendar Embed URL
- Open Google Calendar
- Go to Settings
- Select Settings for my calendars
- Choose the calendar you want to embed
- Scroll to Integrate calendar
- Copy the Embed URL from the iframe src (not the full iframe code)
Example:
https://calendar.google.com/calendar/embed?src=XXXXXXXX
Add App Block to Page
- Go to Shopify Admin
- Navigate to Online Store → Customize
- Select a page (Home, Contact, Booking, or custom page)
- Click Add section/block
- Choose Friends2a Google Calendar
- Position the block on the page
- Click Save
Configure Calendar Settings
- Google Calendar URL: Paste the iframe src embed URL
- Calendar Max Width: 1000–1400 px
- Calendar Height (Desktop): 1100–1300 px
- Calendar Height (Mobile): 1500–1800 px
- Background Color: Optional
- Border Radius & Padding: Optional
Verify & Adjust
- Preview the page on desktop and mobile
- Increase height if inner scrollbars appear
- Adjust max width if layout feels narrow or wide
- Test date navigation and appointment visibility
Completion
Your Google Calendar is now embedded inline on your Shopify store. Customers can view availability and schedules without leaving your site.
