Status – Google Sheets-koppling
Här ser du om hemsidan är kopplad till Google Sheets. Testa anslutningarna och kopiera URL:erna till index.html för att aktivera dem för alla besökare.
Klistra in i index.html
Ersätt raderna för SHEETS_SERVICES_URL och SHEETS_CONTENT_URL i index.html med dina riktiga URL:er. Detta gör du en enda gång — sen behöver du aldrig röra koden igen.
Hitta dessa rader i index.html (~rad 712) och ersätt '' med din URL:
const SHEETS_SERVICES_URL = '';
// Texter / Om Marie
const SHEETS_CONTENT_URL = '';
Så sätter du upp Google Sheets
Skapa ett Google-kalkylblad med två flikar. Marie redigerar sedan bara kalkylbladet — inga tekniska kunskaper behövs.
-
1
Skapa ett nytt Google Sheets på sheets.google.com. Döp det till t.ex. Maries Klippstuga – innehåll.
-
2
Flik 1 – "Tjänster": Tre kolumner på rad 1, sedan en rad per tjänst. Marie kan lägga till rader för nya tjänster eller ta bort en rad helt för att ta bort en tjänst från hemsidan.
Tjänst Pris Beskrivning Klippning dam Från 450 kr Klippning och formgivning anpassad just för dig… Klippning herr Från 350 kr Klassisk herrklippning med precision och finish… Klippning barn Från 250 kr Barnklippning i en lugn och trygg miljö… Färgning Från 800 kr Helning, ansatsfärg eller uppfriskning… Slingor Från 900 kr Balayage, traditionella slingor… Styling Från 400 kr Föning, lockning eller uppsättning… -
3
Flik 2 – "Texter" (valfritt): Två kolumner —
NyckelochVärde. Nycklarna styr Om Marie-texten och ett valfritt stängt-meddelande:Nyckel Värde Vad den gör om_marie_1Hej och välkommen till Maries Klippstuga!… Första stycket i Om Marie om_marie_2Hos mig i Bålsta möts du av en varm atmosfär… Andra stycket i Om Marie om_marie_3Alla produkter jag använder och säljer… Tredje stycket i Om Marie stängtja (eller lämna tomt) Visar en gul banner högst upp på sidan: "Salongen är tillfälligt stängd" meddelandeSemester v. 28–30, öppnar igen 22 juli! Valfri text i bannern (ersätter standardtexten om ifylld) -
4
Publicera varje flik som CSV. Gör så här för Flik 1, sedan igen för Flik 2:
Arkiv → Dela & exportera → Publicera till webben → välj rätt flik → välj Kommaseparerade värden (.csv) → Publicera → kopiera länken.
-
5
Klistra in URL:erna i fälten under Status (ovan) och klicka "Spara & testa" för att verifiera. Kopiera sedan kodsnutten till
index.html. -
6
Klart! Marie öppnar kalkylbladet, ändrar ett pris och sparar — hemsidan uppdateras automatiskt för nästa besökare.