Edit your pages
Add and build the pages of your storefront, keep edits in a draft until you publish, embed maps, bookings and players, add featured products, collections, articles, slideshows, maps and videos, give a page a version in each language, set up your menus, and review the policy pages.
7 chapters · 3:52 · narrated in English · captions in English and French
Module 5 · 7 chapters · 3:52
Edit your pages
Add and build the pages of your storefront, keep edits in a draft until you publish, embed maps, bookings and players, add featured products, collections, articles, slideshows, maps and videos, give a page a version in each language, set up your menus, and review the policy pages.
Example store: Maple & Brass, a jewellery shop in Toronto. Names, addresses and figures are made up.
Transcript
01 Your pages
Every page of your storefront lives under “Sites”. Press “Pages” on your store.
The list shows each page, its address and its sections. Press “New page” and give it a “Title”; the “URL slug” comes from the title unless you type one.
Choose where to “Start from”: a template with a ready-made layout, or blank. Then press “Create & build”.
“Page for a purpose” drafts a page that needs a set structure, such as an “FAQ” or “Stockists”, and leaves real facts blank for you to fill in.
02 Edit a page
“Edit” opens a page in the builder. Select a section under “Sections” to change its content; drag a section, or use its arrows, to reorder.
Your edits stay in a draft. “Unsaved changes” shows until you press “Save draft”.
On a live page, “Publish changes” puts the draft live, and “Discard draft” throws it away. Shoppers never see a page half done.
“Page settings” holds the page’s “Title”, its “URL slug” and an “Excerpt (SEO description)” for search results.
03 Maps, bookings and players
To show a map, a booking calendar, a form or a player on a page, press “Add” under “Sections” and choose “Embed”.
Paste a link, or the service’s embed code, into “Link or embed code”. The box names the service it recognised and keeps only that service’s own address.
It takes Google Maps, YouTube, Vimeo, Calendly, Typeform, Spotify and more. Anything else says what to paste instead.
“Describe it (optional)” is read out by screen readers. While your store asks about cookies, a service that sets its own waits behind a Show button until the shopper allows it.
04 Products, slideshows, maps and videos
“Add” also offers sections that show your shop: “Featured product” shows one product large with its price, “Collection list” your chosen collections, “Latest articles” your blog.
“Image with text” puts a picture beside your words. A “Slideshow” holds up to 8 slides, and a “Map” only needs your “Address”, with a directions link under it.
In a “Video” section, press “Upload” for an MP4 or WebM file up to 9 MB, or “Library” to pick one already in your media library.
05 A page in more than one language
A page can have a version in each language, all at one address. The language menu in the builder’s toolbar shows the version you are editing, such as “Default language”.
Choose “Add a language…”, pick one such as “French — Canada (fr-CA)”, and press “Create draft”. The new version is a draft copy of the page at the same address.
Translate its sections, then publish it. Each version is published or scheduled on its own, and the menu lists every version with its state.
Shoppers see the version in the language they chose in your store, or the one their browser asks for. Everyone else sees the default version.
06 Header and footer menus
Menus are the links in your header and footer. Open “Navigation” and press “New menu”.
Give it a “Menu name” and a “Handle”: main for the header, or footer for the footer. Press “Create menu”.
Press “Add link”. The “Label” is what shoppers read; the “Link” is a path on your store or a full web address.
“Nest under (optional)” puts a link inside a dropdown. Press “Add link” to save it.
07 Your policy pages
Every store shows a privacy policy, refund policy, terms of service and shipping policy. Review them under “Legal” in Settings.
They use your store name and the policy text you wrote in “Shop settings”. Open each one to read it as shoppers do.
For your own wording, publish a page of type “Privacy policy” or “Terms” among your pages. It replaces the standard page everywhere it is linked.
Then press “I've reviewed these” to tick it off your get-started list. Next: your domain.
Transcription en français
01 Vos pages
Chaque page de votre vitrine se trouve sous « Sites ». Appuyez sur « Pages » sur votre boutique.
La liste montre chaque page, son adresse et ses sections. Appuyez sur « New page » et donnez-lui un « Title »; le « URL slug » vient du titre si vous n’en tapez pas.
Choisissez le point de départ sous « Start from » : un modèle déjà mis en page, ou une page vide. Appuyez ensuite sur « Create & build ».
« Page for a purpose » prépare une page à structure précise, comme une « FAQ » ou « Stockists », et laisse les faits réels en blanc pour que vous les remplissiez.
02 Modifier une page
« Edit » ouvre une page dans l’éditeur. Sélectionnez une section sous « Sections » pour en changer le contenu; glissez une section, ou utilisez ses flèches, pour réordonner.
Vos modifications restent en brouillon. « Unsaved changes » s’affiche jusqu’à ce que vous appuyiez sur « Save draft ».
Sur une page en ligne, « Publish changes » publie le brouillon, et « Discard draft » l’abandonne. Les clients ne voient jamais une page à moitié faite.
« Page settings » contient le « Title » de la page, son « URL slug » et un « Excerpt (SEO description) » pour les résultats de recherche.
03 Cartes, réservations et lecteurs
Pour montrer une carte, un calendrier de réservation, un formulaire ou un lecteur, appuyez sur « Add » sous « Sections » et choisissez « Embed ».
Collez un lien, ou le code d’intégration du service, dans « Link or embed code ». La zone nomme le service reconnu et ne garde que l’adresse de ce service.
Elle accepte Google Maps, YouTube, Vimeo, Calendly, Typeform, Spotify et d’autres. Sinon, elle dit quoi coller.
« Describe it (optional) » est lu par les lecteurs d’écran. Tant que votre boutique demande l’accord aux témoins, un service qui en dépose attend derrière un bouton Afficher.
04 Produits, diaporamas, cartes et vidéos
« Add » offre aussi des sections qui montrent la boutique : « Featured product » met un produit en vedette, « Collection list » vos collections, « Latest articles » votre blogue.
« Image with text » place une image à côté de vos mots. Un « Slideshow » contient jusqu’à 8 diapositives, et une « Map » n’a besoin que de votre « Address », avec un lien d’itinéraire.
Dans une section « Video », appuyez sur « Upload » pour un fichier MP4 ou WebM de 9 Mo au plus, ou sur « Library » pour en choisir un déjà dans votre médiathèque.
05 Une page en plusieurs langues
Une page peut avoir une version par langue, toutes à la même adresse. Le menu des langues de la barre d’outils montre la version ouverte, par exemple « Default language ».
Choisissez « Add a language… », prenez par exemple « French — Canada (fr-CA) », puis appuyez sur « Create draft ». La nouvelle version est une copie en brouillon, à la même adresse.
Traduisez ses sections, puis publiez-la. Chaque version est publiée ou programmée séparément, et le menu liste chaque version avec son état.
Les clients voient la version dans la langue choisie dans votre boutique, ou celle que demande leur navigateur. Les autres voient la version par défaut.
06 Menus d’en-tête et de pied de page
Les menus sont les liens de votre en-tête et de votre pied de page. Ouvrez « Navigation » et appuyez sur « New menu ».
Donnez-lui un « Menu name » et un « Handle » : main pour l’en-tête, ou footer pour le pied de page. Appuyez sur « Create menu ».
Appuyez sur « Add link ». Le « Label » est ce que lisent les clients; le « Link » est un chemin de votre boutique ou une adresse Web complète.
« Nest under (optional) » place un lien dans un menu déroulant. Appuyez sur « Add link » pour l’enregistrer.
07 Vos pages de politiques
Chaque boutique affiche des politiques de confidentialité, de remboursement et d’expédition, et des conditions d’utilisation. Révisez-les sous « Legal », dans les paramètres.
Elles utilisent le nom de votre boutique et le texte de politiques rédigé dans « Shop settings ». Ouvrez chacune pour la lire comme vos clients.
Pour votre propre texte, publiez parmi vos pages une page de type « Privacy policy » ou « Terms ». Elle remplace la page standard partout où elle est liée.
Appuyez ensuite sur « I've reviewed these » pour cocher l’étape dans votre liste de démarrage. À suivre : votre domaine.
Next on the path: Module 6, Connect your domain.
Narration is synthesised on our own servers from the script above, in a public-domain voice. Voice credits.