In dit artikel zul je leren:
Hoe maak en configureer je een studio website
Beknopte handleiding:
Een studio website configureren - dit is hoe het moet:
1. ga naar: instellingen / studio websites
- "Basisinstellingen"
- De parameters aanpassen
Introductie
We hebben studio websites geïntegreerd als een nieuwe functie in Magicline. Met de studio websites, kan je individuele websites maken voor het afsluiten van contracten en het boeken van proeftrainingen via Magicline. Dankzij verschillende aanpassingsopties kan je de pagina's met een paar klikken in jouw website laten verschijnen. De websites van de studio's zijn zeer gebruiksvriendelijk en kunnen bijdragen tot een toename van het aantal nieuwe contracten.
Websites van studio's configureren
Via Instellingen / Online studiopagina's vindt je de menu-items "Basisinstellingen", "Studio pagina's", "Landingpagina's" en "Gepersonaliseerde aanbiedingpagina's". Aangezien er 4 verschillende paginatypes bestaan, kun je het visuele uiterlijk en andere details eenmalig in de basisinstellingen vastleggen en deze configuratie dan voor alle paginatypes gebruiken. Op die manier hoef je deze instellingen niet voor elk nieuw type pagina opnieuw in te voeren.
Basisinstellingen
Maak eerst een configuratie aan voor de basisinstellingen van jouw studio websites door te klikken op "Configuratie aanmaken" en vervolgens een naam toe te kennen aan de configuratie. Op de detailpagina kan je nu instellingen maken voor het uiterlijk, wettelijke links, lettertypes en Facebook ID.
Uiterlijk
Klik op "Configuratie bewerken" en upload eerst een afbeelding van uw studiologo. Wij bevelen een bijgesneden logo aan met een transparante achtergrond, bestandsformaat "PNG". Wij bevelen een resolutie van ten minste 400×400 pixels aan.
Vervolgens kun je kiezen tussen een helder of een donke uiterlijk. In het heldere uiterlijk is de achtergrond lichtgrijs, de koptekst en de contenttegels met studio-informatie of contractaanbiedingen wit. In het donkere uiterlijk verschijnen deze elementen in zwarte en donkergrijze tinten.
Indien je afgeronde hoeken verkiest op de inhoudstegels en knoppen, vink dan "Rond de hoeken van de randen af" aan.
Tenslotte kun je de waarden voor primaire kleur, secundaire kleur en tekstkleur instellen. Voor een consistent uiterlijk kun je het beste de kleuren van je studio gebruiken.
Lettertypes
In de lettertypewidget kun je kiezen uit verschillende lettertypes voor het primaire en secundaire lettertype. Naast de standaard webfonts bieden wij een selectie van verschillende, populaire Google Fonts. Om je een directe indruk te geven van de geselecteerde lettertypes, tonen wij je telkens een preview.
Google Analytics & Facebook Pixel
In dit gedeelte kun je je webanalyse- en advertentietools koppelen. Voer je Google Analytics-accountnummer in om bezoekersgegevens naar Google Analytics te sturen. Voer je Facebook Pixel ID in om gegevens van websitebezoekers naar Facebook te sturen om je advertentiecampagnes beter te richten.
Studio websites
Nu je jouw basisinstellingen hebt geconfigureerd, kun je beginnen met het maken van de studio webpagina's. Selecteer hiervoor het menu-item "Studio pagina's" en klik op "Configuratie maken". Voer nu een naam in voor je configuratie. Je zult nu een voorbeeld zien van het pad van de map en een voorbeeld van de URL van uw studiopagina's eronder. In de volgende stap selecteer je de basisconfiguratie die je eerder hebt gemaakt. Ten slotte kun je beslissen of je het adres van de studio op de studiopagina's wilt weergeven. Het adres verschijnt dan met een link naar Google Maps op dezelfde regel als de wettelijke links die in de basisinstellingen zijn gedefinieerd. Klik op "Opslaan" om de configuratie aan te maken en naar de detailpagina te gaan. Hier kun je nu de pagina's in detail configureren.
Overzichtspagina van alle locaties
Klik op "Bewerk configuratie" en selecteer een achtergrondafbeelding met nog een klik op "Upload afbeelding".
De achtergrondafbeelding wordt prominent weergegeven in het bovenste gedeelte van de pagina en strekt zich uit over de gehele breedte van het browservenster. Daarom kun je het beste een afbeelding kiezen met een resolutie van ten minste 1024 × 768 pixels. In de volgende stap kun je een afbeelding uploaden voor sociale uitwisseling. Dit is de voorbeeldafbeelding die wordt weergegeven op WhatsApp of Facebook, bijvoorbeeld wanneer een gebruiker de URL deelt. Vervolgens kun je een kop voor je pagina kiezen. Deze zal groot worden weergegeven op de eerder geüploade achtergrondafbeelding. Als je "Vind studio's bij u in de buurt" aanvinkt, activeer je een functie die, wanneer de gebruiker erop klikt, alle studio's in zijn geografische omgeving weergeeft. Ten slotte kun je beslissen of een klik op het studiologo zonder actie moet blijven of moet doorlinken naar een URL van jouw keuze (b.v. de "Home"-pagina van je eigen studiosite).
Als je nu de configuratie voltooit door op "Opslaan" te klikken, moet je daarna de overzichtspagina van de locatie activeren. Klik hiervoor op "Activeren" in de widget op de regel met het rode statussymbool in het driepuntsmenu. De statusweergave wordt nu groen. Direct daaronder zie je de URL naar de overzichtspagina van de locatie, waarnaar je bijvoorbeeld vanaf je website kunt linken. Belangrijk: Voordat je jouw pagina achter de URL kunt zien, moet je ook de hele configuratie activeren. Meer informatie hierover vind je verderop in het artikel onder "Configuratie activeren".
Pagina voor proeftrainingen
Als je het boeken van proeftrainingen wilt aanbieden, kun je de pagina als volgt configureren:
Net als bij de pagina met het locatieoverzicht kun je voor de proeftrainingpagina een achtergrondafbeelding en een afbeelding voor sociale media uploaden en een koptekst toewijzen.
Je kunt optioneel een "Maak nu een gratis afspraak" badge in de header weergeven om bezoekers van de pagina te informeren over de gratis proeftraining. De badge verschijnt in de header. Wanneer erop geklikt wordt, scrollt de pagina naar beneden naar het boekingsgebied.
Het opvragen van het belangrijkste fitnessdoel is ook optioneel. Als je deze optie activeert, kun je zoveel items toevoegen als je wilt door in het veld te klikken en te beginnen met typen. Bevestig je invoer met "Enter". Je kunt reeds ingevoerde gegevens wissen door op de "x" te klikken. De bezoeker van je website kan vervolgens bij het boeken van een proeftraining zijn belangrijkste fitnessdoel selecteren. De selectie die is gemaakt na het boeken van de proeftraining zie je zowel in het interessegebied in de Quick View onder "Info" als in de beschrijving van de detailweergave van de afspraak in de kalender.
Bovendien kun je een "breng een vriend mee"-optie aanbieden. Als dit is geselecteerd bij het boeken van de proeftraining, vind je de informatie (2 deelnemers) ook terug in het leadsmenu en in de beschrijving van de datum in de kalender.
Voor de proeflespagina kun je ook bepalen wat een klik op het logo moet doen: geen actie, doorsturen naar een URL of doorlinken naar de overzichtspagina van de locatie. Dit laatste kan zinvol zijn als je meerdere locaties hebt en ervan uitgaat dat de gebruiker via de locatie overzichtspagina op de proeftrainingspagina is gekomen.
Hieronder bepaal je wat er moet gebeuren na een succesvolle boeking van een proeftraining: Je kunt de bezoeker een succesbericht laten zien in de vorm van een pop-up. Je kunt een koptekst, een beschrijvingstekst en een knoptekst voor de pop-up definiëren. Bovendien kun je optioneel een link "Delen op WhatsApp" weergeven. Als alternatief voor de pop-up kun je doorverwijzen naar je eigen pagina door een URL in te voeren.
Sla tenslotte je configuratie op en activeer de pagina via het driepuntsmenu.
Tarieven pagina
Als je op de studiopagina's contracten wilt aanbieden, kun je de pagina ook voor dit doel configureren en aanpassen.
Net als bij de andere pagina's kun je een achtergrondafbeelding en een afbeelding voor social media uploaden voor de tarievenpagina en een koptekst toewijzen.
Je kunt optioneel een "Goedkoopste Lidmaatschap" badge in de header tonen. Dan wordt daar automatisch de prijs van het goedkoopste tarief voor de betreffende locatie getoond. Ook kun je het mogelijk maken dat klanten een vouchercode kunnen invoeren.
Om bezoekers aan te trekken die misschien aarzelen om een contract te ondertekenen, kun je een pop-up in de rechterbovenhoek van het browservenster tonen en hen informeren over de mogelijkheid om een proeftraining te boeken. Je kunt een individuele tekst gebruiken voor de koptekst, beschrijvingstekst en knopvelden. Een klik op de knop opent de proeftrainingpagina.
Vervolgens bepaal je welke actie moet worden ondernomen, wanneer je op het logo klikt en wat er gebeurt nadat het contract met succes is gesloten (identiek aan de pagina over de proeftraining).
Sla je configuratie op en activeer de pagina via het driepuntsmenu.
Individueel CSS
Als je individuele aanpassingen wilt maken aan het uiterlijk via CSS, kun je hier uw eigen CSS bestand uploaden. Let op: Dit is een functie die alleen wordt gebruikt door klanten met CSS kennis of als ze een bedrijf hebben ingehuurd die hiermee overweg kan.
Activeer configuratie
Zodra je de configuratie voor alle pagina's hebt voltooid, klik je op "Activering beheren" in het driepuntsmenu in de rechterbovenhoek van de detailpagina, en vervolgens op de locatieknop. Vink alle locaties aan die je wilt opnemen in de configuratie van uw studiopagina. Opmerking: Voor elke locatie kan slechts één configuratie actief zijn. Indien je hier studio's selecteert waarvoor een alternatieve configuratie is geactiveerd, wordt de vorige configuratie voor deze studio's gedeactiveerd en de nieuwe geactiveerd.
Klik nu op de voorbeeldkoppeling in de widget Locatieoverzicht. Hier kun je de pagina's bekijken en testen die je hebt geconfigureerd. Als je de instellingen in Magicline wijzigt, vergeet dan niet om geopende webpagina's opnieuw te laden om de wijzigingen zichtbaar te maken.
Configureer contractaanbiedingen voor de studiopagina's
Welke contractaanbiedingen worden weergegeven op de tarievenpagina hangt af van de instellingen onder Instellingen / Contractsluiting / Aanbiedingsconfiguratie afhankelijk van de instellingen. Je kunt aanbiedingsconfiguraties maken en beheren op het tabblad "Connect API". Je kunt dan zoveel contractaanbiedingen aan een aanbodconfiguratie toevoegen als je wilt.
Belangrijk: De configuratie van de contractaanbiedingen vindt altijd plaats op studioniveau! Als je bijvoorbeeld studiopagina's hebt gemaakt die meerdere locaties bevatten, dan moet je voor elk van deze locaties een aparte aanbiedingsconfiguratie maken met contractaanbiedingen. Op die manier kun je verschillende studio's samenbrengen op één overzichtspagina, maar toch individuele contractaanbiedingen voor elke studio afzonderlijk mogelijk maken.