Premier Agent Sales Hub Instruction Manual

Instruction Manual

Prepared by Zack Pyle Marketing + Design

Table of Contents

Topic Page

Announcement Bar 1
Adding Buttons 2
Adding Demos 3
Adding PDFs 4
Adding Logos 5
6
Marketing Collateral Teamplate 7
Updating Important Updates 8
Other Useful Resources 9
Contact for Questions

Annoucement Bar

1. In the Home Menu, 2. Enter the text for the 3. You can also add a
click Design, and then Announcement Bar in the box. clickthrough URL to make
click Announcement You can make the text bold or your Announcement Bar a
Bar. italicized and create text links. link.

Reset visibility (optional)
Browsers track when you close the Announcement Bar (using the X in the top-right corner)
so it’s not displayed repeatedly. Clicking Reset Visibility restores the Announcement Bar so
it reappears in your browser. This is especially useful when testing your site.
To make the Announcement Bar reappear in your browser, click Reset Visibility. This option
will become available once you’ve closed the Announcement Bar.

Note: The Reset Visibility button restores the Announcement Bar in your browser when
you’re logged into your Squarespace site. Clicking Reset Visibility doesn’t restore the
Announcement Bar for your visitors. To make the Announcement Bar reappear to all
visitors who once closed it, change the content, and the Announcement Bar reappears.

1

Adding Buttons

1. Hover on the page to get the teardrop and click. 2. Type the title of the button, the
Select the Button in the menu URL, Small or Medium (not large), and
whether it is center or left aligned

3. Drag the lines between buttons to resize the
buttons

6. Hit save at the top of the screen

2

Adding Demos

1. Hover over a Demo page and click Edit to start editing the
page. Then click edit in the Demo Code box you wish to edit

2. The format for a new button is:
<a class=”demobutton flow” href=”URL” target=”_blank”>Word In Button</a>

3. Hit save at the top of the screen

3

Adding PDFs

1. Hover over a PDFs 2. The sideways droplets are how you 3. Drag and drop the
page and click Edit to add content. Hover where below another screenshot of PDF. Make sure
start editing the page ad where you want to add a PDF it has “caption below”. Click
Lightbox checkbox. After you
click apply, click once on the
image and type in the caption
below the image.

4. Resize the image to show 5. Add a button below the
the full image (and align with image. Write Download PDF
other images) by clicking once in text. Past in dropbox link.
on the image and clicking and Change 0 to 1 at end of URL. 6. Add spacer. After you add, click
dragging the small gray dot Make it small and align center. on it and a little gray dot pops up.
that pops up.
Click and drag it all the way up so
it is small.

7. Hit save at the top of
the screen

4

Adding Logos

1. Hover over the Logo page and click edit. 2. Hover under one of the logos or
screenshots to get the teardrop and
click. Select the Image button

3. Drag and drop the 4. You can drag and drop to 5. Add a button below the
screenshot or logo. Make sure reorganize the images after image. Write Download (Type
it has “caption below”. Don’t you upload. of File - PNG for example)
click Lightbox checkbox. After in text. Past in dropbox link.
you click apply, click once on Change 0 to 1 at end of URL.
the image and type in the Make it small and align center.
caption below the image.

6. Hit save at the top of the screen

5

Marketing Collateral Template

The Marketing Collateral Template exists so when a new type of collateral is added to a
product, you can go to this template and copy the section of code for the new button.

One of the button’s sections looks like this:

<a class=”fa mktgcoll” href=”URL or #ID”>

<div class=”flow “>

<span class=”fa-file-text “ aria-hidden=”true”>

</span>

<h4>

Product<br>Messaging

</h4>

</div>

</a>

If you are using an ID (to jump down the page instead of to an external page) please make
sure this ID matches the ID that you are jumping to. See video below for more detail.

https://www.dropbox.com/s/far9ajw6yshl9oe/How%20To%20-%20Scroll%20to%20PDF%20fix.mov?dl=0

6

Updating ‘Important Updates’

The Important Updates page is updated by creating 4 blocks.
1. Image Block
2. Text Block for the Title - Use Header 3
3. Text Block for the Descriptive Paragraph
4. The optional Button

And then you just need to format them into place. The main thing is to make the image
smaller. To start, put them side by side. See this video to see exactly how to format it.
https://www.dropbox.com/s/ki125h0xn2x7t76/How%20To%20-%20Important%20Updates.mov?dl=0

7

Other Useful Resources

Adding Blocks Help Article

https://support.squarespace.com/hc/en-us/articles/206991377

Squarespace’s File Management

(however, we prefer to use Dropbox for organization)

https://support.squarespace.com/hc/en-us/articles/205813928

Contact Squarespace Customer Care

They offer 24/7 online support via email and Twitter, and live chat
weekdays between 3:00 AM and 8:00 PM EST

https://support.squarespace.com/hc/en-us/requests/new

8

Contact For Questions

Zack Pyle Marketing + Design
Zack Pyle

[email protected]
970.313.3544
ZackPyle.com

9