ShipPress

Tutorials

Point at what you want to change

The hardest part of asking for a change is saying where it is: “the second line under the title”, “that box on the left”. ShipPress puts three tools above the preview so you can point instead. Select tool picks one element, Draw tool circles a whole area, and Edit by hand opens the page in WordPress’s block editor when you would rather change it yourself. In this tutorial I use them on the home page of Pier 7 Coffee.

  1. Find the tools above the preview

    Open your site in ShipPress and look at the row above the preview. From left to right it has Refresh, Select tool, Draw tool, Edit by hand and Colors and fonts. The page picker on its left chooses which page of your site you are looking at.

    The row of preview tools: Refresh, Select tool, Draw tool, Edit by hand and Colors and fonts.
    The preview tools sit above the preview.

  2. Click Select tool and hover

    Click Select tool. It turns yellow, which means it is on. Now move the pointer over the preview: ShipPress draws a blue outline around the element under the pointer and names it, for example paragraph. Nothing is chosen yet. Press Esc at any time to switch the tool off.

    The home page preview with the Select tool on and a blue outline around the line “Roastery & coffee bar on the harbor”.
    A blue outline shows what a click would pick.

  3. Click the element

    Click the one you want. It is added to the chat box as a small tag with its text, together with a picture of it. The AI receives that exact element, so you do not have to explain where it is. To drop it, click the × on the tag.

    The preview with the outlined line selected.
    The picked element is attached to your message.
    The chat box with a tag “Roastery & coffee bar on the harbor”, a small picture and the message “Make this line bigger and use a warm cream color.”
    The tag and picture travel with your message.

  4. Say what to change and send

    Type what you want, just as you would to a person standing next to you, and press Enter. “This line” is enough, because the AI already knows which one. It changed only that line, and after you send, the Select tool switches itself off. The AI also offers short follow-up buttons such as Undo this change.

    The chat showing the message with the selected line quoted, the AI’s answer and the Done card.
    The AI changes only what you picked.
    Before and after: the subtitle under the title is larger and cream.
    Before on top, after below.

  5. Circle an area with Draw tool

    Some changes are about a whole block rather than one element. Click Draw tool, press the mouse button on the preview and draw a loop around the area. The red circle stays on screen and the chat box gets a picture of what you circled. The elements inside it are attached too.

    The preview with a red circle drawn around the text box on the left of the photo.
    Draw around the part you mean.

  6. Send it, then check the result

    Write your request and press Enter. I asked for the circled box to be solid dark green with cream text, on one or two lines. The AI answers in the chat and the preview updates. The picture you drew on is shown in your message, so you can always see what you pointed at.

    The chat with the circled picture, the message and the AI’s answer.
    Your drawing is shown in the message.
    Before and after: the grey box on the photo is now solid dark green with cream text.
    Before on top, after below.

  7. Edit by hand when you would rather do it yourself

    Click Edit by hand to open the current page in WordPress’s block editor, right inside ShipPress. Click any text, change it, and press Save, as in any WordPress site. The first time, WordPress shows a short welcome guide. Close it with the × to get to your page. Click Refresh afterwards to see the result in the preview.

    The About page open in the block editor with the settings panel on the right.
    Edit by hand opens the page in the block editor.

  8. Undo or go back

    If you do not like a change the AI made, click Undo this change under its answer. ShipPress also saves a restore point after every AI turn, so you can return to any earlier version from History at the top right.

  9. Which one to use

    • Select tool: one heading, line of text, button or picture.
    • Draw tool: a block, a gap between sections or anything that is more than one element.
    • Edit by hand: when you just want to retype a sentence or move blocks around yourself.
    • Colors and fonts: the colors, fonts and spacing of the whole site.
    • Press Esc to switch a tool off without choosing anything.