Hoppa till innehåll
Svenska
Skapa ett ärende
  • Det finns inga förslag eftersom sökfältet är tomt.

WordPress

Instruktioner för hur du integrera Wondr på en hemsida byggd i Wordpress.

Installera Plug-In

Så här gör du för att få in Wondrs innehåll på din Wordpress hemsida.

1. Ladda upp pluginet som är bifogat under Tillägg i Wordpress och aktivera det.

(Ladda ner plugin genom att klicka på knappen "Wondr Plugin WP" nedan)).

2. Klicka på Wondr v3 i menyn.

3. Fyll i domän ”anläggningsdomän.wondr.se” (glöm inte att byta ut "anläggningsdomän" till din egna).

4. Kryssa i SSL-rutan.
Wondr Plugin WP >

Bädda in schema

För att visa schemat på en sida skriv följande i en textruta:

[wondr url="/schema/"]

Se exempel nedan:

En webbsida för bokning av träningspass hos Factor Functional Gym. Överst finns en navigationsmeny med alternativen Hem, Om Factor Gym, Bli medlem, Boka pass och Logga in. Under rubriken ”Onsdag 18 nov” listas dagens schema med starttider, passnamn, längd och platsstatus. Schemat innehåller pass som ”Life” (30 min) och ”Open Gym” (1 h). Varje passrad visar hur många platser som är bokade, exempelvis 10/10 eller 1/6, samt knappar för ”Boka”, ”Reserv”, ”Prova” eller markeringen ”Fullt”.

Bädda in medlemskap

För att visa ”Bli medlem” på en sida, skriv följande:

[wondr url="/register/"]

Se exempel nedan:

Webbsidan ”Välj medlemskap” för Factor Functional Gym som visar tre olika abonnemangsalternativ presenterade i mörkgrå boxar. Det första alternativet är ”Step-in” för 180 kr/månad utan bindningstid där pass kostar 90 kr styck. Det mellersta är ”Basic” för 880 kr/månad utan bindningstid med obegränsat antal pass. Det tredje är ”Mini” för 680 kr/månad utan bindningstid där 2 pass per vecka ingår. Varje alternativ har en turkos ”Välj”-knapp och längst ner på sidan finns information om att alla löpande medlemskap saknar bindningstid och har 20 dagars uppsägningstid.

Kundlogin

Sedan är det såklart bra att ha en ”Logga in”-länk i menyn som länkar direkt till:

https://anläggningsdomäm.wondr.se/

OBS: Byt ut "anläggningsdomän" till din egna, är du osäker på vilken det är kontakta supporten.

Inbäddningsfunktion

I Wondr kan du gå till Inställningar - Hemsida - Inbäddning. Här kan du hämta koder för all inbäddning på externa WP hemsidor samt förhandsgranska hur det kommer se ut när du väl har publicerat innehållet på din hemsida.

Du väljer vilket typ av innehåll du vill bädda in i fältet "View".

  • Registrering - Medlemskap

  • Schemat - Aktivitetsbokning

  • Schema idag - Endast dagens aktiviteter

  • Bokningsflöde - Särskilda flöden för t-ex PT och massage

  • Registrera - Mina medlemskap - Endast för befintliga medlemmar, länk till inloggning och de kommer till sin sida

För varje val av "View" så får du olika extra val. Dessa använder du för att styra hur innehållet ska visas på din hemsida. T.ex om du väljer "Registrering" kan du välja att bara visa en viss kategori av medlemskap eller medlemskap kopplade till en särskild anläggning.

Väljer du istället "Schemat" kan du t.ex styra vilken bokningstyp som ska visas, endast "Prova på" eller dölja vyväxlare.

Så anpassa innehållet först, du ser hela tiden en förhandsgranskning längre ner på sidan som visar hur det kommer se ut och hur dina val påverkar.

När du är nöjd med innehållet så har du alla koder på högersidan.

Direktlänk: Detta är en fullständig länk, används om du inte vill bädda in innehållet på sidan utan länka via t.ex en vanlig knapp eller sociala medier. Då tar du bara länken här och klistrar in på valfri plats.

Wordpress: Inbäddningslänk om du har sida via Wordpress och har installerat vårt plug in. Har du inte installerat vårt plug in ännu måste du göra det först. Följ instruktionerna i kapitlet ovan "Installera Plug-in. Om det är installerat kan du bara kopiera denna länk och applicera i ett textfält på din hemsida.

Gränssnittet ”Wondr på din webbplats” för att skapa inbäddningskoder till en extern hemsida. Under en informationsruta finns sektionen ”Inställningar” med en rullgardinsmeny för att välja vy. Till höger finns sektionen ”Codes for implementation” som innehåller fält för direktlänk, Wordpress-kod och IFrame, samt reglage för att inkludera domän i URL och jQuery-tagg. Längst ner på sidan finns en tom sektion för förhandsgranskning.

Gränssnittet ”Wondr på din webbplats” för att skapa inbäddningskoder till en extern hemsida. Under sektionen ”Inställningar” är vyn ”Schemat” vald, och det finns olika reglage för att anpassa visningen, såsom att prova på, dölja platser eller dölja vyväxlare. Till höger under ”Codes for implementation” visas de genererade koderna för direktlänk, Wordpress och IFrame. Längst ner under ”Förhandsgranskning” visas ett bokningsschema för torsdagen den 31 juli med tre pass i Stora salen: Core (11:30), HIIT Mix (17:30) och Yin Yoga (18:30). Varje passrad visar tid, längd och antal bokade platser samt har turkosa knappar för ”Drop-in” och ”Boka”.

Gränssnittet ”Wondr på din webbplats” för att skapa inbäddningskoder till en extern hemsida. Under sektionen ”Inställningar” är vyn ”Schemat” vald, och det finns olika reglage för att anpassa visningen, till exempel att dölja platser eller dölja vyväxlare. Till höger under ”Codes for implementation” visas de genererade koderna för direktlänk, Wordpress och IFrame. Längst ner under ”Förhandsgranskning” visas ett bokningsschema för torsdagen den 31 juli med tre pass i Stora salen: Core (11:30), HIIT Mix (17:30) och Yin Yoga (18:30). Varje passrad visar tid, längd och antal bokade platser samt har turkosa knappar för ”Drop-in” och ”Boka”.

En närbild av sektionen ”Codes for implementation” för att generera inbäddningskoder till en webbplats. Sektionen innehåller textfält med kopieringsikoner för en direktlänk, en Wordpress-kod [wondr url="/schema/"] och en IFrame-kod. Det finns även två turkosa reglage: ett för att inkludera domän i URL och ett för att inkludera en jQuery-tagg.

 

 

 

 

 

 

Senast uppdaterat: 2/4-2025