... my favorite part - HACKS to help a sista' out!

Learn how to create a Sales Page

Often you'll hear people use Landing/Sales Pages such as LeadPages, ClickFunnels, InstaPage, etc... these are all great - but if you want to keep costs low try a Squarespace sales page that could be just as awesome!

Code to insert into 'Advanced' section of page:

-----

<style>
 #header { display: none }
 </style>
<style>
   #footer, #preFooter {
     display: none;
   }
 </style>

-----

Like this

 
Screen Shot 2018-08-13 at 4.53.47 PM.png
 


Skip the 404 Error Message, create a customized OOPS page!



Add EVENTBRITE plug-in to your website


Having an event? Hosting ticket / ticket sales on EventBrite?

Add EVENTBRITE plug-in to your website.. direct the traffic to your site instead

Benefits: Your event is gaining exposure to large audinece on Eventbrite & you get to drive traffic to your website with your own audience

#winning


Creating an awesome FAQ page


The more info you provide for your client on your website, the better!

Save yourself time and allow your website to do the talking for you

Do you always get asked the same questions? Add the questions and answers to your FAQ page.

--- Customized coding and steps below ----

Step #1

Take this code (make sure you copy all of it):

<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>

and insert it into your site-wide Code Injection. You can find that by going to, Settings > Advanced > Code Injection and paste the code into the header section. 

 

Step #2

Next place the below code in your page specific code section. 

 

<script>
$(document).ready(function(){
$('.markdown-block .sqs-block-content h2').css('cursor','pointer');
$(".markdown-block .sqs-block-content h2").nextUntil("h2").slideToggle();
$(".markdown-block .sqs-block-content h2").click(function() {$(this).nextUntil("h2").slideToggle();});
});
</script>

To do this go to whatever page you want the accordion menu to sit and click the settings wheel > place the code in the Page Header Code.

 

Step #3

Now it's time to create your accordion menu. To do this insert a Markdown block on the page where you want to place the menu to sit and copy and past the code below into the Markdown block.

 

## **+ QUESTION 1**

REPLY 1

## **+ QUESTION 2**

REPLY 2

## **+ QUESTION 3**

REPLY 3

 

Replace the questions and replies with your own words. It's important to keep the # and the * otherwise you might run into some issues. In the video below I've shown you how I set it.

 

Step #4 (If you want to add a border to your questions)

Take this code and enter into your custom css box. Head over to your menu and choose Design > Custom CSS:

  .sqs-block-markdown h2 {
  border: solid 1px #000;
  padding: 12px 14px;

}

 

Also, learn how to change the border color and thickness in the video provided below.