Website Design
If JewelTrak runs your website, you change it here: Online > Website Design. Only an administrator sees this page, because what you publish is public at once. Edit on a computer or tablet; on a phone the page only tells you so.
Draft, then Publish
Your changes don’t reach the website until you publish them.
- Save draft keeps your changes without showing them on the website. Come back later and they’re still there. The line under the title says when the live version was published and when the draft was saved, and by whom.
- Publish puts your changes on the website. You don’t have to save first: Publish saves what’s on the screen and publishes it. The website shows it within a few seconds.
- Discard draft throws away saved changes that aren’t published yet and shows what’s live again. The website doesn’t change.
Preview
Preview opens your website in a new tab showing your changes, before anyone else can see them. Your changes are saved as the draft first. A strip across the top says it’s a preview; click around and every page shows your draft. Close preview at the top goes back to the live website.
The preview link works for an hour, for anyone who has it, so share it only with people you want to see your changes. Google never lists a preview. To see later changes, click Preview again.
Earlier versions
Every time you publish, the website as it was is kept. The Earlier versions tab lists them, newest first, with who published each; the top one is on your website now.
Restore copies a version into your draft, replacing any changes you haven’t published. Look it over, Preview it if you like, then Publish to put it back on your website, or Discard draft to leave things as they are.
If someone else saves or publishes while you have the page open, your save is refused rather than overwriting their work. Reload the page to see their changes, then make yours again.
Menu
The links across the top of your website. Each item has a Label (the words shown) and a Link. Click the arrow beside an item to open its dropdown and edit the items in it; a dropdown can have its own groups, three levels in all. An item with a dropdown can leave Link blank, so clicking it only opens the dropdown.
If your website has a separate phone menu, choose Computer menu or Phone menu to edit each.
Use the arrows to move an item up or down, and the trash can to remove it. Add menu item adds one at the end.
Header & footer
- Logo, and on some websites the phone number and the appointment button.
- Top bar: the short lines above the menu, each with an optional link.
- Social media: a button for each of your Facebook, Instagram or TikTok pages.
- Footer: the mailing list heading and text, each column’s heading and links, whether the social buttons show under a column, and the copyright line.
Home page
- Title and Description are what Google shows for your home page, and the title is the browser tab’s name.
- Slideshow: each slide’s heading, text, button, button link and picture. Add, remove or reorder slides.
- Banner: the picture, the heading (one line per row), the text under it, and the button.
- Picture tiles and Logos: each one’s title or name, link and picture.
Use the arrows on a section to move it up or down the page. The text in the other sections (text beside a picture, the heading over your reviews and so on) is edited the same way as on a page; see Blocks below. The reviews themselves can’t be edited here.
Pages
Your website’s other pages: About us, Contact us, your policies and so on. Click a page on the left to edit it.
- Address is where the page lives, like
/about-us/. To change it, type the new one and click Change address. Anyone who goes to the old address (from Google, a bookmark or an old link) is sent to the new one automatically, and your menu, footer and buttons that pointed at the old address are changed to the new one. - Heading at the top of the page is the large heading across the top. Leave it blank to use the title.
- Title in Google and the browser tab and Description in Google are what Google shows for the page.
- Add page asks for a title and fills in an address from it, which you can change. An address must start and end with
/, use only lowercase letters, numbers and dashes, and can’t be one your website already uses (like/shop/). - Remove this page takes it off your website when you publish. If your menu, footer or a button links to it, you’re told how many, since those links would show “Not found” until you change them.
Blocks
A page is made of blocks, top to bottom. Use the arrows to move a block and the trash can to remove it. To add one, choose its kind under the last block and click Add block.
- Text: type as you would in an email. The toolbar makes words bold or italic, makes a line a heading or a small heading, starts a bulleted or numbered list, centers a line (or puts it back on the left), and links words: select them, click the link button, type the address and click Apply.
- Heading: a heading on its own, in one of four sizes.
- Picture: the picture, a short Description of it (read aloud to people who can’t see it, and used by Google), and an optional link.
- Button: its Button text and where it goes.
- Divider: a line across the page.
- Questions and answers: each question with its answer. Tick Shown open when the page loads to show an answer without a click.
Some blocks keep settings this page doesn’t change: forms, maps, product grids, brand lists, columns and the like. Those can be moved but not edited or removed. A text block with formatting the toolbar can’t keep (an embedded map or a special font size, say) can be moved too, but not edited here, so that formatting isn’t lost.
Links and pictures
A link can be a page on your website (starting with /, like /about-us/), a full address starting with https://, a phone number (tel:) or an email address (mailto:). Anything else is marked in red and Save stays grayed out until it’s fixed. A menu item or footer link with no words is marked too, since it would be an invisible link.
For a picture, click Upload and choose one from your computer (up to 10 MB), or paste an address starting with https://. Remove takes the picture away. The preview beside it shows the picture; if a picture already on your website can’t be previewed, its file name shows instead.