Integrations · test page
What the site exposes.
Everything created on the site (orders, appointments, places, quotes, tickets, messages, payments) is saved on the Smyle server, paid through Stripe in test mode, and sent to HighLevel. Every form also fires a real submit event with standard field names, and every action is announced in window.dataLayer (smyle_*) and through the DOM event smyle:event.
Connecting a tool
- HighLevel webhook: create a Workflow with the "Inbound Webhook" trigger, then save its URL on the server with
npx wrangler secret put HIGHLEVEL_WEBHOOK_URL(in theapifolder). Every record is then sent there with first_name, last_name, email, phone, company_name, event, ref and the full record. - Tracking script or chat widget: add its URL to
CONFIG.externalScripts(assets/smyle.js) and it loads on every page. - Stripe: test key on the server (
STRIPE_SECRET_KEY). Test card: 4242 4242 4242 4242, any future date, any CVC. - Site settings (phone numbers, social profiles, Google profile, discount codes):
CONFIGinassets/smyle.js.
The 12 features
| Feature | Where | Form and fields | Events | Status |
|---|---|---|---|---|
| Quotes request → estimate → approval → payment | pros.html | quote_request: company_name, structure_type, first_name, last_name, job_title, email, phone, postal_code, city, children_count, qty_*, budget, deadline, message, consentquote_approval: quote_id, signatory_name, job_title, accept_terms | quote_requested, estimate_sent, estimate_approved, payment_completed (type quote) | Built |
| Urgent requests after-sales, escalation | aide.html#urgent | urgent_request: request_type, priority, order_number, first_name, last_name, phone, email, preferred_contact, needed_by, message, photo | urgent_request (priority, escalated, business_open), call_click (route sav) | Built The alert to the manager is sent from the tool. |
| Business calling calls, routing, call-backs, voicemail | aide.html#appeler | tel: links per team (data-call), sms: linkcallback_request: first_name, phone, route, preferred_time, consent | call_click (route, number), sms_click, callback_requested | Site side ready Call forwarding, missed-call text-back and voicemail live on the phone line, in the tool. |
| Staff calendars advisers, services, rooms, deposits | ateliers.html#rdv | appointment: first_name, last_name, email, phone, child_age, message, sms_reminder, service, staff, room, appointment_date, appointment_time, deposit_amount | booking_service_selected, appointment_booked, payment_completed (type deposit) | Built Shared slots: the server refuses double bookings. Stripe deposit. |
| Reservations workshops with capacity, waitlist | ateliers.html#ateliers | workshop_reservation / waitlist: participants, first_name, last_name, email, phone, children_ages, session_id, session_title, session_start | workshop_selected, workshop_reserved, waitlist_joined, workshop_full_viewed | Built |
| Ecommerce products, options, cart, orders, stock | boutique.html, panier.html | checkout: first_name, last_name, email, phone, delivery_method, address, postal_code, city, country, payment_method, accept_terms, newsletter_opt_in | view_item_list, add_to_cart, remove_from_cart, coupon_applied, begin_checkout, purchase (GA4 format), back_in_stock_request, newsletter_opt_in | Built Prices and stock checked by the server, Stripe payment. |
| Google Merchant Center product feed | merchant-feed.xml, products.json | RSS 2.0 feed with g: attributes, one item per option. Product + Offer structured data on the shop. | — | Built Add the feed URL in Merchant Center. |
| Payments invoices, subscriptions, links, codes, gift cards | paiement.html | payment, payment_link, invoice_lookup, subscription (plan, child_age, contact details, address), giftcard, giftcard_balance. Discount codes in the cart. | payment_link_opened, payment_link_created, payment_completed, invoice_viewed, subscription_started / paused / resumed / cancelled, giftcard_configured, giftcard_balance_checked | Stripe (test) Amounts worked out by the server. |
| Social media | Footer, aide.html#ecrire | data-social links (facebook, instagram, tiktok, gbp), Open Graph tags on every page. | social_click | Site side ready Scheduling posts happens in the tool. |
| Unified inbox | Chat on every page, aide.html#ecrire | chat: first_name, email, phone, preferred_channel, message, source. Email, SMS, WhatsApp, Instagram and Messenger links. | chat_open, chat_message, email_click, sms_click, whatsapp_click | Built The tool's widget can replace #smyle-chat. |
| Google reviews, profile, calendar, booking | Footer, index.html#avis, booking confirmations | Review link data-review-link (gbpPlaceId), profile link, "Add to Google Calendar" + .ics file, LocalBusiness schema with a booking action. | review_click, social_click (gbp) | Site side ready Lead ads live in Google Ads, not on the site. |
| Business tools Shopify, WooCommerce, QuickBooks, Xero, Stripe | This page | Catalogue as JSON, records export (JSON), HighLevel webhook and a complete purchase event for accounting sync. | purchase, payment_completed | Off site Connected from the tool. Stripe already live (test). |
Live events
The last 40, in this browser.
Data saved on the server
| Reference | Type | Status | Customer | Amount | Created (UTC) |
|---|