Tutoriels

Ajoutez une nouvelle page et placez-la dans le menu en discutant

Tôt ou tard, votre site a besoin d'une page qu'il n'avait pas au départ : événements, traiteur, liste de prix, FAQ. Avec WordPress, cela veut dire créer la page, construire sa mise en page, puis ouvrir les réglages du menu pour ajouter un lien. Avec ShipPress, vous le dites une seule fois dans le chat. Dans ce tutoriel, j'ajoute une page Private Events à Pier 7 Coffee et je la place dans le menu du haut, puis je corrige le seul élément qui ne rendait pas bien.

  1. Regardez d'abord votre menu

    Ouvrez votre site dans ShipPress et regardez le menu du haut dans l'aperçu. Pier 7 Coffee contient Lots, Bar, Roastery, People, Journal et Visit. Décidez comment s'appellera la nouvelle page, ce que le lien du menu doit indiquer et où il doit se placer. Un libellé court dans le menu est plus facile à lire que le titre complet de la page.

    Le menu du haut de Pier 7 Coffee avant la modification : Lots, Bar, Roastery, People, Journal, Visit, EN
    Le menu du haut avant : six liens.
  2. Décrivez la page en un seul message

    Cliquez dans la zone de chat en bas à gauche et écrivez ce que vous voulez, comme vous l'expliqueriez à un ami qui crée des sites web. Mettez ceci dans le même message :

    • Le nom de la page, ici « Private Events ».
    • Ce qu'elle doit dire : pour qui, quand, pour combien de personnes.
    • Son apparence : « le même style que nos autres pages », et quelle photo utiliser.
    • Comment les gens vous contactent. J'ai écrit « demandez-nous au bar ou appelez-nous (pas de formulaire) », pour que l'IA n'ajoute pas de formulaire de contact.
    • Le menu : le libellé et l'emplacement, ici « Events », entre Roastery et People.

    Appuyez sur Entrée pour envoyer.

    La zone de chat de ShipPress avec le message : Add a new page called Private Events. Say we host small private events after hours: birthdays, team mornings and coffee tastings for up to 20 people, Monday to Thursday from 6 pm. Use the same style as our other pages, with one photo that's already on the site. To book, people can ask us at the bar or call us (no form). Then add it to the top menu as Events, between Roastery and People.
    Un seul message : la page, son contenu, son apparence et sa place dans le menu.
  3. Laissez l'IA la construire

    L'IA explique ce qu'elle s'apprête à faire (ici : construire la page avec la même mise en page que Cupping & Classes, avec la photo du bar, puis ajouter le lien dans le menu) et se met au travail. Vous pouvez suivre chaque étape en ouvrant les lignes Worked · N steps. Si vous pensez à autre chose entre-temps, continuez à écrire : votre message suivant sera pris en compte dès que celui-ci sera terminé.

    Pour Pier 7 Coffee, cela a pris environ une minute et demie. Le nouveau lien de menu est apparu dans l'aperçu avant même que l'IA ait fini d'écrire sa réponse.

    Le chat pendant que l'IA travaille : Building the Events page now, in the same layout as Cupping & Classes with the bar photo, and then I'll add the menu link. En dessous, une barre indique The AI is working on it, 0:48, avec un bouton Stop.
    Pendant qu'elle travaille, vous voyez chaque étape et vous pouvez continuer à écrire.
  4. Lisez ce qu'elle a fait

    Quand elle a terminé, l'IA résume la modification : la page est en ligne, « Events » figure dans le menu du haut entre Roastery et People, la page utilise la photo du bar, et la ligne de réservation reprend le numéro de téléphone de la page Visit. Sous le résumé, des boutons proposent de bonnes prochaines étapes, comme See what changed ou Mention events on the Visit page. Cliquez sur l'un d'eux si c'est ce que vous voulez, ou tapez simplement votre propre message.

    Le résumé de l'IA : The Private Events page is live, and Events now sits in the top menu between Roastery and People, avec des notes sur Look, Content et Booking, et les boutons See what changed, Add a second photo, Mention events on the Visit page, Go live
    Le résumé vous dit ce qui a changé, avec des suggestions d'étapes suivantes en dessous.
  5. Ouvrez la nouvelle page et regardez-la

    Cliquez sur Events dans le menu de l'aperçu. Cela fonctionne comme sur le vrai site : la nouvelle page s'ouvre. Lisez-la comme le ferait un visiteur. Le texte est-il correct ? Ressemble-t-elle au reste du site ?

    Ici, le texte était correct, mais l'apparence n'était pas tout à fait bonne : il y avait un titre « Private Events » en trop au-dessus de la photo, et la photo et le texte étaient dans une colonne étroite, alors que les autres pages commencent par une photo en pleine largeur.

    La première version de la page Private Events : un titre Private Events séparé, et en dessous une photo étroite avec PRIVATE EVENTS écrit dessus, moins large que la page
    Première version : le bon contenu, mais un titre en trop et une photo étroite.
  6. Corrigez ce qui ne correspond pas, avec des mots simples

    Dites ce que vous voyez et indiquez une page qui est déjà bien. J'ai écrit : « La page Private Events ne ressemble pas encore aux autres : il y a un titre en trop au-dessus de la photo, et la photo et le texte sont dans une colonne étroite. Fais-la ressembler à la page People : pas de titre en trop, une photo en pleine largeur en haut, et le texte en dessous à la même largeur. »

    Moins d'une minute plus tard, la page avait le même haut en pleine largeur que People, avec le nom de la page et la phrase d'introduction sur la photo.

    Le message de suivi dans le chat et la réponse de l'IA : The Private Events page now uses the same full-width layout as People
    Citer une page qui est déjà bien donne à l'IA un objectif clair.
    La page Private Events corrigée : une photo du bar en pleine largeur avec PRIVATE EVENTS et la phrase d'introduction dessus, et Events en surbrillance dans le menu du haut
    Après la correction : photo en pleine largeur, pas de titre en trop.
  7. Vérifiez toute la page, et sur Phone

    Faites défiler la page. La page d'événements de Pier 7 Coffee répond à trois questions (quels types d'événements, quand réserver, comment réserver) et se termine par la ligne de réservation et un lien pour planifier une visite.

    Cliquez ensuite sur Phone en haut à droite de l'aperçu et ouvrez MENU. Events y figure aussi, au même endroit. La plupart des visiteurs verront votre nouvelle page sur un téléphone : cette vérification vaut donc bien les dix secondes qu'elle prend. (Plus d'informations dans Vérifiez votre site sur Computer, Laptop, Tablet et Phone.)

    La partie basse de la page Private Events : What kind of events do we host? When can you book? How do you book? et To book, ask at the bar or call (207) 555-0147
    Le reste de la page : trois réponses courtes et la façon de réserver.
    Deux aperçus à la taille d'un téléphone côte à côte : la page Private Events avec sa photo et ses questions, et le menu du téléphone ouvert qui liste Lots, Bar, Roastery, Events, People, Journal, Visit
    Sur Phone : la page, et Events dans le menu.
  8. Retrouvez-la plus tard, ou revenez en arrière

    La nouvelle page est une page WordPress normale. Elle figure dans le menu des pages en haut à gauche de l'aperçu, où vous pouvez y accéder à tout moment, et dans le Dashboard sous Pages.

    Chaque modification de l'IA enregistre aussi un point de restauration. Cliquez sur History dans la barre du haut et vous verrez les deux étapes : l'ajout de la page et la correction de la mise en page. Si le résultat ne vous plaît pas, cliquez sur Restore à côté du point précédent.

    La liste Pages de votre site dans l'aperçu, avec Private Events en surbrillance, entre Privacy Policy et Sample Page
    La nouvelle page figure dans votre liste de pages.
    Les points de restauration ouverts depuis History : The Private Events page doesn't match the others, et Add a new page called Private Events, chacun avec un bouton Restore
    Chaque étape est un point de restauration dans History.
  9. Conseils

    • Dites où va le lien du menu (« entre Roastery et People », « à la fin »). Sinon, l'IA choisit un emplacement.
    • Gardez des libellés de menu courts ; le titre de la page peut être plus long, comme « Events » et « Private Events ».
    • Si vous ne voulez pas de formulaire de contact, dites-le. Si vous en voulez un, précisez qui doit recevoir les messages.
    • Quand quelque chose ne va pas, citez une page qui est bien (« fais-la ressembler à la page People »). C'est plus clair que de décrire la mise en page.
    • Pour une page qui ne doit pas figurer dans le menu, comme une page de remerciement, dites simplement « ne l'ajoute pas au menu ».
    • Pour en savoir plus sur la modification par chat : Modifiez votre site en discutant. Pour annuler une modification : Annulez n'importe quelle modification de l'IA avec les points de restauration.