Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

Table Of Contents

...

Keyword

Description

Sitesmith

Front end user experience that user interact with to make design selections.

Siteforge

Backend tool that takes the selections within Sitesmith and builds the website.

Content Editor (Side Panel)

As you make additions/changes in the Content Editor (Side Panel), you will see the changes happening in the Site preview.

image-20241029-151001.png

Site Preview

image-20241029-151029.png

Site Preview Tool Bar

With this tool bar you can update colors, change images, move sections, select variables, updating padding, take a snapshot to save the layout, and navigate between the homepage, listing page, and detail page.

image-20241029-151503.png

Section

Are This is the sections that display on different features that you can add to the homepage of the website. You cannot use a section more than once on the homepage and you don’t have to use all sections on a website. You want to find the best combination of sections that makes the homepage look good and flow properly.

Variant

Variant is a style options within a specific section. Clients have a choice of what the section looks like. Some sections only have one style choice, while others have multiple styles to them. You can only access the Variant when using the Variant tool within an section.

Continue Button (aka Save Button)

This is aka the “Save” button, it will save the content/selections made as you continue through the process. Make sure to click Continue at every opportunity so you save your work as you move through the different selections. No matter what Continue button you click, it will save the work you have done thus far.

Notes

Anytime that you see a “Notes” field within the Content Editor (Side Panel) you will be able to add a note for that selection. The goal is to take a note on something that you are not able to accomplish within the experience and it will save that note into Salesforce for the Front End Development team to complete the request. You can include URLs so that you can give the FED a image or a example from a URL of what you are referencing.

...

Panel
panelIconId2705
panelIcon:white_check_mark:
panelIconText
bgColor#ABF5D1

Take Action:

  • Ensure that all the labels you added in the navigation have a site page connected to them

  • Ensure all menu items have a green check mark and image-20241105-164049.png you have the confirmation message

  • Take any necessary notes for FED

  • Click Continue.

...

Warning

STOP! - Here is where you will pause from working with the Content Editor (Side Panel) and start configuring the layout of the homepage in the Site preview by utilizing the Site preview tool bar. You want to get all the sections you want to display on the homepage added prior to going back to the Content Editor (Side Panel).

As you select/remove sections on the homepage, the Content Editor (Side Panel) will automatically adjust to match the sections that you have selected to be on the homepage.

Site preview Tool Bar

First you will need to understand how to use the tool bar. Here are the icons or actions that you can take within the Site preview and what they allow you to do.

...