appointment-booking

Name: appointment-booking
Availability: InStock
Author: Khalid Saifullah Fuad

Add a growth strategy call booking flow to a React Router-based Shopify app.

Updated May 11, 2026

Search Tags:#react #ai chat #shopify #embedded app #booking widget #route setup #ui call-to-action

Ready to run

npx skills add https://github.com/fuad-hastechit/gropulse-skills --skill appointment-booking

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: appointment-booking
Source: https://github.com/fuad-hastechit/gropulse-skills/tree/main/skills/appointment-booking
Command: npx skills add https://github.com/fuad-hastechit/gropulse-skills --skill appointment-booking

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires @gropulse/booking-widget.

What problem does it solve?

This Skill adds a “Book a free Growth Strategy call” experience to a Gropulse embedded Shopify app without requiring you to build and host a custom booking backend.

Core Features & Use Cases

Installs booking UI: Adds @gropulse/booking-widget to provide the booking chat + calendar experience.
Wires app context: Exposes shop data (owner name, email, plan, installed time, timezone) to the widget so the AI can personalize the conversation.
Creates a dedicated booking page: Adds a /app/growth-call page that renders the widget inline with a clean “benefits” layout.
Adds a floating CTA shortcut: Adds a fixed-position “Book Free Strategy Call” button in the app shell that navigates to the booking page and hides on the growth-call (and plan) routes to prevent duplication.

Quick Start

Use the appointment-booking skill in your Gropulse Shopify app and then open any app page to click the floating CTA to reach the Growth Strategy call page.

Frequently Asked Questions about appointment-booking

High-intent search queries and answers about installing and using this skill.

FAQPage Schema

How do I add a booking widget to a React embedded Shopify app?▼

To add a booking widget to a React embedded Shopify app, you install the @gropulse/booking-widget dependency, create a dedicated route, and render the widget with merchant context from the root loader.

Can I use @gropulse/booking-widget to schedule strategy calls with personalized shop context?▼

Yes, @gropulse/booking-widget supports scheduling strategy calls with personalized shop context by exposing owner name, email, plan, installed time, and timezone fields to the AI booking chat via the root loader.

How do I set up a floating call-to-action button in a React Router Shopify app?▼

You set up a floating call-to-action button in a React Router Shopify app by adding a fixed-position navigation element to the app shell that routes to the booking page and hides on specific routes to prevent duplication.

Do I need a custom booking backend to schedule growth strategy calls in my Shopify app?▼

No, you do not need a custom booking backend to schedule growth strategy calls because the @gropulse/booking-widget dependency provides the complete booking chat and calendar experience natively.

What are the limitations of using a pre-built booking widget for a Shopify embedded app?▼

A limitation of using a pre-built booking widget is that route-based hiding must be manually implemented to prevent duplicate call-to-action buttons on the growth-call and plan pages within the app shell.

Does the appointment-booking skill work with React Router based embedded Shopify apps?▼

Yes, the appointment-booking skill works with React Router based embedded Shopify apps by extending the root loader and creating a dedicated app.growth-call page to render the booking flow inline.