ShipPress

Tutorials

Add a new page and put it in the menu by chatting

Sooner or later your site needs a page it didn't start with: events, catering, a price list, a FAQ. In WordPress that means creating the page, building its layout, then opening the menu settings to add a link. In ShipPress you say it once in the chat. In this tutorial I add a Private Events page to Pier 7 Coffee and put it in the top menu, then fix the one thing that didn't look right.

  1. Look at your menu first

    Open your site in ShipPress and look at the top menu in the preview. Pier 7 Coffee has Lots, Bar, Roastery, People, Journal and Visit. Decide what the new page is called, what the menu link should say, and where it should sit. A short menu label is easier to read than the full page title.

    The Pier 7 Coffee top menu before the change: Lots, Bar, Roastery, People, Journal, Visit, EN
    The top menu before: six links.

  2. Describe the page in one message

    Click into the chat box at the bottom left and write what you want, the way you would explain it to a friend who builds websites. Put these in the same message:

    • The page name, here “Private Events”.
    • What it should say: who it is for, when, how many people.
    • How it should look: “the same style as our other pages”, and which photo to use.
    • How people get in touch. I wrote “ask us at the bar or call us (no form)”, so the AI doesn't add a contact form.
    • The menu: the label and where it goes, here “Events”, between Roastery and People.

    Press Enter to send.

    The ShipPress chat box with the 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.
    One message: the page, its content, its look, and its place in the menu.

  3. Let the AI build it

    The AI says what it is about to do (here: build the page in the same layout as Cupping & Classes, with the bar photo, then add the menu link) and starts working. You can follow each step by opening the Worked · N steps rows. If you think of something else meanwhile, keep typing: your next message goes in as soon as this one is done.

    For Pier 7 Coffee it took about a minute and a half. The new menu link showed up in the preview before the AI had even finished writing its reply.

    The chat while the AI works: Building the Events page now, in the same layout as Cupping & Classes with the bar photo, and then I'll add the menu link. Below, a bar says The AI is working on it, 0:48, with a Stop button.
    While it works you see each step, and you can keep typing.

  4. Read what it did

    When it is done, the AI sums up the change: the page is live, “Events” sits in the top menu between Roastery and People, the page uses the bar photo, and the booking line uses the phone number from the Visit page. Below the summary are buttons with good next steps, such as See what changed or Mention events on the Visit page. Click one if it is what you want, or just type your own message.

    The AI's summary: The Private Events page is live, and Events now sits in the top menu between Roastery and People, with notes on Look, Content and Booking, and buttons See what changed, Add a second photo, Mention events on the Visit page, Go live
    The summary tells you what changed, with suggested next steps below.

  5. Open the new page and look at it

    Click Events in the preview's menu. It works like the real site: the new page opens. Read it as a visitor would. Is the text right? Does it look like the rest of the site?

    Here the text was right, but the look wasn't quite: there was an extra “Private Events” title above the photo, and the photo and text sat in a narrow column, while the other pages start with a full-width photo.

    The first version of the Private Events page: a separate Private Events title, and below it a narrow photo with PRIVATE EVENTS written on it, not as wide as the page
    First version: right content, but an extra title and a narrow photo.

  6. Fix what doesn't match, in plain words

    Say what you see and point to a page that already looks right. I wrote: “The Private Events page doesn't match the others yet: there's an extra title above the photo, and the photo and text sit in a narrow column. Make it look like the People page: no extra title, a full-width photo at the top, and the text below at the same width.”

    Less than a minute later the page had the same full-width top as People, with the page name and intro line on the photo.

    The follow-up message in the chat and the AI's reply: The Private Events page now uses the same full-width layout as People
    Naming a page that already looks right gives the AI a clear target.
    The fixed Private Events page: a full-width photo of the bar with PRIVATE EVENTS and the intro line on it, and Events highlighted in the top menu
    After the fix: full-width photo, no extra title.

  7. Check the whole page, and on Phone

    Scroll down the page. Pier 7 Coffee's events page answers three questions (what kind of events, when you can book, how to book) and ends with the booking line and a link to plan a visit.

    Then click Phone at the top right of the preview and open MENU. Events is there too, in the same place. Most visitors will see your new page on a phone, so this check is worth the ten seconds. (More in Check your site on Computer, Laptop, Tablet and Phone.)

    The lower part of the Private Events page: What kind of events do we host? When can you book? How do you book? and To book, ask at the bar or call (207) 555-0147
    The rest of the page: three short answers and how to book.
    Two phone-size previews side by side: the Private Events page with its photo and questions, and the open phone menu listing Lots, Bar, Roastery, Events, People, Journal, Visit
    On Phone: the page, and Events in the menu.

  8. Find it later, or go back

    The new page is a normal WordPress page. It is listed in the page menu at the top left of the preview, where you can jump to it any time, and in the dashboard under Pages.

    Every AI change also saves a restore point. Click History in the top bar and you will see both steps: adding the page and the layout fix. If you don't like the result, click Restore next to the point before it.

    The Pages of your site list in the preview with Private Events highlighted, between Privacy Policy and Sample Page
    The new page is in your page list.
    Restore points opened from History: The Private Events page doesn't match the others, and Add a new page called Private Events, each with a Restore button
    Each step is a restore point in History.

  9. Tips

    • Say where the menu link goes (“between Roastery and People”, “at the end”). If you don't, the AI picks a spot.
    • Keep menu labels short and the page title can be longer, like “Events” and “Private Events”.
    • If you don't want a contact form, say so. If you do want one, say who should get the messages.
    • When something looks off, name a page that looks right (“make it look like the People page”). That is clearer than describing the layout.
    • For a page that should not be in the menu, such as a thank-you page, just say “don't add it to the menu”.
    • More about editing by chat: Edit your site by chatting. To undo a change: Undo any AI change with restore points.