PA 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 Marketing Collateral Teamplate 6 Updating Important Updates 7 Other Useful Resources 8 Contact for Questions 9


1. In the Home Menu, click Design, and then click Announcement Bar.
Reset visibility (optional)
2. Enter the text for the Announcement Bar in the box. You can make the text bold or italicized and create text links.
3. You can also add a clickthrough URL to make your Announcement Bar a link.
Annoucement Bar
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


1. Hover on the page to get the teardrop and click. Select the Button in the menu
3. Drag the lines between buttons to resize the buttons
6. Hit save at the top of the screen
2. Type the title of the button, the URL, Small or Medium (not large), and whether it is center or left aligned
Adding Buttons
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 ow” href=”URL” target=”_blank”>Word In Button</a>
3. Hit save at the top of the screen
3


1. Hover over a PDFs page and click Edit to start editing the page
Adding PDFs
2. The sideways droplets are how you add content. Hover where below another ad where you want to add a PDF
3. Drag and drop the screenshot of PDF. Make sure 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 the full image (and align with other images) by clicking once on the image and clicking and dragging the small gray dot that pops up.
5. Add a button below the image. Write Download PDF in text. Past in dropbox link.
Change 0 to 1 at end of URL. 6. Add spacer. After you add, click Make it small and align center. on it and a little gray dot 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 screenshot or logo. Make sure it has “caption below”. Don’t click Lightbox checkbox. After you click apply, click once on the image and type in the caption below the image.
4. You can drag and drop to reorganize the images after you upload.
5. Add a button below the image. Write Download (Type of File - PNG for example)
in text. Past in dropbox link. Change 0 to 1 at end of URL. Make it small and align center.
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=” ow “>
<span class=”fa- le-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.
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.
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 o er 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