Slik legger du til Cal.com på Squarespace-nettstedet ditt

Å integrere Cal.com i Squarespace-nettstedet ditt er en kraftig måte å strømlinjeforme arrangementsplanlegging og skape en sømløs bestillingsopplevelse for de besøkende.

Enten du er ny med tilpasning av nettsteder eller ønsker å forbedre ditt eksisterende nettsted, er det en verdifull ferdighet å lære hvordan du legger til en innebygd knapp og kodeblokk.

La oss dykke inn...

Se videoen

Sjekk ut YouTube-videoen nedenfor 👇

For å integrere Cal.com på nettstedet ditt, gå til siden for hendelsestyper på Cal.com. Derfra klikker du på de tre prikkene på arrangementet du vil bygge inn.

Klikk deretter på Bygg inn

Du vil da se flere alternativer. I denne opplæringen vil jeg dekke den innebygde innebyggingen og den flytende popup-knappen. Vi starter med knappen, så klikk på den.

Du vil da se et vindu der du kan tilpasse knappen etter eget ønske på høyre side. Når du er fornøyd, klikker du på Kopier kode for å kopiere koden. Du vet at den er kopiert når du ser bekreftelsesmeldingen «Kode kopiert».

Gå nå over til Squarespace. Klikk på Nettsted > Sider > Nettstedverktøy > Kodeinjeksjon . Du vil se et vindu som ligner det på bildet nedenfor. I Header -delen limer du inn koden du kopierte fra Cal.com. Klikk på Lagre , og knappen vises på nettstedet ditt.

Nå for den innebygde innebyggingen: følg de samme trinnene på Cal.com ved å klikke på de tre prikkene, velge Embed , og velge alternativet Inline Embed . Du kan tilpasse den til din smak på høyre side. Når du er fornøyd, kopier koden fra Cal.com ved å klikke på Kopier kode- knappen.

Å legge dette til nettstedet er litt annerledes. Finn først delen der du vil at Cal.com-innbyggingen skal vises. I mitt tilfelle vil jeg plassere den i heltedelen. Gå deretter inn i redigeringsprogrammet og legg til en kodeblokk i den delen.

Derfra vil kodeblokken bli lagt til. Klikk inne i kodeblokken og slett plassholderkoden. Erstatt den med koden du kopierte fra Cal.com. Klikk deretter Lagre og gå ut av redigeringsprogrammet, og Cal.com vil bli innebygd i seksjonen.

Og det er det! Slik kan du bygge inn Cal.com i Squarespace-nettstedet ditt, enten det er som en flytende popup-knapp eller en innebygd innebygging.

Din designer

Jeg er Victor Rolf, en ekspert Squarespace-designer. Hvis du vil diskutere et potensielt prosjekt, kan du sende meg en e-post på victor@rolfmade.com eller ta kontakt her . Alternativt kan du sette opp en gratis 15-minutters konsultasjonssamtale her.