Snapshot Edit: Branding
Once a shared snapshot is created in InstaWP, you can customize your snapshot by adding the logo, gallery, or custom CSS, to assist people in learning more about your website’s brand, brand identity, and how your brand should be portrayed.
In this documentation, we will explore:
Let’s get started 🚀
Navigation to Snapshot Options
Step 1: Go to the Snapshots page and click on the Edit icon to set up the snapshot you want. It'll take you to the snapshot settings page.
Step 2: Select Branding from the options.
Shared Snapshot Branding
InstaWP allows you to set up your shared snapshot by personalizing the following available features on the Snapshot Options Page:
Logo
Logos are small images that appear next to the title of a snapshot symbolizing your brand. InstaWP allows you to upload a logo image (png, jpg, jpeg, or svg) for your shared snapshot from your local storage, by clicking on the Choose file as shown below.
Customize Email
Customize the email we send to your users when they first create a new snapshot site. InstaWP allows you to edit the default Email’s Subject and its body text.
Available Variables
You can drop any of the variables below into the email subject or body, and InstaWP replaces them with the real values for that site when the email is sent.
| Variable | What it outputs |
|---|---|
{{template_name}} | The name of your snapshot or template. |
{{template_description}} | The description text set on your snapshot or template. |
{{credentials}} | A ready-made block containing the site URL, WordPress username, password, and a magic login link. Use this if you just want everything in one go. |
{{site_url}} | The URL of the newly created site. |
{{magic_login_link}} | A one-click login link that takes the user straight into wp-admin, no password needed. |
{{wp_admin_url}} | The wp-admin URL of the new site. |
{{wp_username}} | The WordPress admin username. |
{{wp_password}} | The WordPress admin password. |
TIP
Only {{template_name}} and {{template_description}} work in the Subject field. The rest are site-specific and are only replaced in the email body.
If you would rather lay the credentials out yourself instead of using the {{credentials}} block, you can build your own, for example:
<p>Your site is ready: <a href="{{site_url}}">{{site_url}}</a></p>
<p>Username: {{wp_username}}<br>
Password: {{wp_password}}</p>
<p><a href="{{magic_login_link}}">Click here to log in instantly</a></p>Go Live Email
If you have enabled the Go Live Email, it is sent when a demo site is taken live. It supports a smaller set of variables:
{{template_name}}, {{template_description}}, {{site_url}}, and {{magic_login_link}}.
Customize Privacy Policy
A privacy policy is a statement that describes how a website collects, uses, and manages the personal data of consumers. InstaWP allows you to customize the default policy text on the landing page. For example, you can mention what type of information you collect.
Custom CSS
Custom CSS helps customize the design and appearance of your shared snapshot to meet your style and make them look really unique, matching perfectly with your branding. InstaWP allows you to add custom CSS on your shared snapshot as shown below.
Custom Color
Custom Colors are pre-set color palettes that can be utilized in website design. InstaWP allows you to choose colors to create style and appeal of your shared snapshot under the following categories:
| Categories | Description |
|---|---|
| Primary | To choose color as the logo or brand color of the shared snapshot. |
| Accent (Secondary) | To choose color as the background color of the shared snapshot. |
Once you're done with making changes, Save it.
Gallery
InstaWP allows you to add a gallery that get displayed on your shared snapshot as they lets viewers to see multiple images about your website at once. For example, you can add pictures of faucets for your plumbing website as a snapshot.
Step 1: To add a cover image, select Gallery from the snapshot settings options.
Step 2: Click the Upload Here button. Your desktop folder will open. Select your image and click Open. The cover image will be uploaded and show preview automatically.
Step 3: Click on the Preview button from the top-right corner of your screen.
This will add a cover image for your shared snapshot on the landing page.
| 💡 Did you know - You can publish your shared template and start making money with it in one click from InstaWP store. Learn how to Publish a template.
Related Articles
- Snapshot: Edit Setup - Configure a shared snapshot
- Snapshot: Edit Sharing Options - Control how your snapshot is shared
- Create a Shared Snapshot - Share a snapshot as a demo
- Edit Snapshots - Edit an existing snapshot