Build and Publish Your Storefront

Your storefront is a public, branded page where clients can explore your services, book packages or mini sessions, view your work, and get in touch with you.

Add storefront details

1. Open Storefront.
2. Complete Storefront details.
3. Add your public studio name, headline, and introduction.
4. Review any branding shown on the page.
5. Save your changes.

Storefront settings showing the storefront status, shareable link, and preview control.View full size

Write for clients, not for internal use. Explain what makes the experience clear and inviting without placing private studio notes on the public page.

Choose public packages

The Packages section controls which packages clients can see and the order in which they appear.

The Storefront Packages section enabled with two visible package cards and package-order controls.View full size

1. Turn on the Packages section using the toggle in the upper-right corner.

2. Turn on the toggle for each package you want clients to see. A gray toggle means the package is hidden.

   A gray package visibility toggle in the off position.View full size

   A green toggle means the package is enabled and visible on your storefront.

   A green package visibility toggle in the on position.View full size

3. Arrange packages in the preferred order using the drag handle or the up and down arrows.

   Package ordering controls with a drag handle and up and down arrows.View full size

4. Preview the storefront before sharing it.

If a package is missing, open the package guide and confirm that the package is complete, active, and suitable for the storefront.

Choose when clients can book

Storefront availability is an explicit set of 15-minute start times. Add and remove these starts from either Storefront or Calendar; unblocked time is not published automatically.

1. Open the availability controls.
2. Choose a date.
3. Select every start time you want clients to see.
4. Save the availability, then preview a package booking.

The Storefront availability section lists every upcoming date and the start times clients can pick.

The Storefront availability section showing 10 available times across four October dates and the Add availability button.View full size

Select Add availability, choose a date, then select each start time. The panel shows golden hour, sunrise, and sunset for that day. Busy times stay visible but cannot be selected.

The Add storefront availability panel with October 31 selected and the 9:00 AM and 10:00 AM start times chosen.View full size

To change or remove a date later, open its ⋮ menu.

A storefront availability date with its menu open, showing Edit availability and Remove availability.View full size

The public picker only offers a start when the selected package’s complete duration fits without a conflict. Bookings, appointments, blocked time, active meeting requests, pending or accepted team assignments, and other published starts are checked again when the client confirms. A completed storefront request consumes every 15-minute start overlapped by the session.

Accept callback requests

Turn on Callbacks to allow returning and prospective clients to get in touch with you.

Customize the callback heading, callback description, and form heading so clients understand what information to provide. You can also add an optional portrait photo to make the form feel more personal. Save the callback settings after making changes.

The enabled Storefront Callbacks section with customizable headings, a description, and an optional portrait-photo upload.View full size

When someone sends the form, Vignette creates a new Person or matches an existing person by email. It adds the Client role when needed, keeps any other roles, and saves the request in that person's messages. An archived match returns to the active People list.

The callback form does not create a booking. Review the message first, then create a booking or meeting request when you are ready.

Add a storefront gallery

Use Gallery to show examples of your work on the storefront. Add up to 30 images by dragging them into the upload area, choosing individual images, or selecting a folder.

After uploading, drag the images into the order you want visitors to see. Choose a focused collection that represents the services and style you are promoting on the storefront.

The Storefront Gallery section with controls to drag in images, select individual images, or select a folder.View full size

Publish mini sessions

Eligible mini-session events appear under Upcoming mini sessions. The event must have future availability and be enabled for storefront booking.

Review the date, location, session length, price, and available slots before publishing.

The Upcoming mini sessions section with Fall Mini Sessions listed and the storefront switch turned on.View full size

Learn how to create an event, add time slots, and publish mini-session availability.

Preview the client experience

Use the built-in mobile preview to review how the storefront will appear on a phone. It shows your logo, studio name, tagline, hero image, and the beginning of the client-facing content in a narrow layout.

The built-in mobile preview showing the studio logo and name, a tagline, the hero image, the About text, and the Upcoming mini sessions section.View full size

Check the mobile preview as you customize the storefront. Make sure the branding is recognizable, the tagline is concise, the hero image crops well, and the first section gives visitors a clear next step.

Then select the full storefront preview action to test the complete client experience.

The Preview storefront button at the top of the Storefront page.View full size

Check:

• Studio name and introduction
• Package names, descriptions, prices, and cover images
• Available full-session start times
• Mini-session dates and availability
• Callback copy, form heading, and portrait photo
• Gallery image selection and order
• Mobile readability
• The steps a client follows after choosing an offering

Preview mode lets you inspect the experience without making a real reservation.

Share your storefront

After publishing and previewing, copy the public storefront link and share it from your website, social profile, or client communication.

When Storefront is live is on, select Copy link beside your public address.

The Storefront is live switch turned on, with the public storefront link and a Copy link button.View full size

Open the public link in a private browser window before announcing it. This confirms that the page is available to someone who is not signed in to your Vignette account.

Before publishing: Public content can be viewed by anyone with the link. Do not include private phone numbers, addresses, notes, or client information unless you intentionally want them public.

What Vignette does behind the scenes

The times shown to a visitor are offers, not promises made from an old page. Vignette checks the calendar again when the visitor confirms. If the time is no longer free, it creates no contact or half-finished booking and asks the visitor to choose again.

Storefront portfolio images are separate from client galleries. They do not expire with a client gallery and can hold up to 30 images. Their original and viewing copies count toward studio storage.