BAWSI Help Page

Hello to the amazing BAWSI editors that may visit this page with questions. I have also included things that you might need down the road. Always call or email me if you can’t find an answer!

ashley@montulli.org

Google Maps for each program:

in case you need to add a site or edit

Images for Hero Section:

Go to the photo, click the edit pen, choose background and replace. The photo aspect ideally should be landscape and set the design to “fill”. 

If contrast with text is not good you can always add an overlay, I usually start with 10 percent and move up in 5 percent increments until it looks right.

For expanding panels on the homepage

programs section: we had to create a “blog” to make this work but will need to leave it enabled (not password protected) but the collection will be set to non-indexable on the SEO tab of page settings.

Creating Panel Items in Programs (blog):

Blog Post = Panel

Post Title= Panel Title

Post Excerpt = Panel Excerpt

Post URL = Panel Button + Link


Images for panels are edited to: 9:16 and up to -50 highlights

Go to the image to move the focus marker so the photo is lined up in the panel, I usually solve for mobile view first then see how it looks on desktop.

HEX CODES FOR BRANDING COLORS:

Purple: 4D138A

Pink: E879FB

Bright Green: c7EE00

Blue: 05C3DE

Watermelon: FC2E58

I have the custom color palette already set up with your main colors, for the blue and watermelon you can go to custom and add in the hex code to use those (sparingly).

RESOURCES

Analytics

Under Analytics you will be able to view things like traffic, traffic by country, sources and engagement. 

Under Traffic there is a section for Search Keywords. Verify your site with Google Search Console to better understand what keywords are driving traffic etc.:

https://search.google.com/search-console/about


Under Engagement, Squarespace also has Site Search Keywords for once your site launches. You will be able to view more analytics data and can adjust your alt text and descriptions as needed.


EDITING WEBSITE/NAVIGATING

Login to your squarespace account

Go to your dashboard and click on website



To edit permissions, billing, settings: click on the three dots in the upper right corner

To edit Site Availability:

go to Settings/Website/Site Availability.

For SEO go to Settings/Marketing/SEO Appearance

Custom CSS

all located within the Website under pages, Tools/Custom CSS in sidebar.

  1. change hover color on navigation menu

  2. count up feature style/opacity

  3. expanding panels, color, font size and other styling for homepage and our story panels.

  4. remove title bar from google maps x4

*Custom Code:

1) For the expanding panels on Homepage and in Our Story:

code injection in header:

<link href="https://cdn.jsdelivr.net/gh/willmyerscode/expanding-panels@1/expanding-panels.min.css" rel="stylesheet">

code injection in footer:

<script src="https://cdn.jsdelivr.net/gh/willmyerscode/expanding-panels@1/expanding-panels.min.js"></script>

2) For the count up feature on homepage:

<script src="https://cdn.jsdelivr.net/gh/willmyethewebsiteguy/countup@v1/javascript.min.js"></script>

*the code is from the amazing Will Meyers and will automatically update if needed.