NEED A LITTLE MORE HELP?

You have [insert time] of included support after launch to fix any issues or for me to record any new help videos.

After that, you can book me for an hour screen share here and use coupon code YOURCODE to save $XX.

NOTES:

  • Save your section as a backup before editing (look for the heart icon)

  • Always check the site on mobile after edits too! Editing causes things to shift

ADDING IMAGES

  • walkthrough video

  • resize vertical images DOWN to 1200px wide, horizontal images DOWN to 2500px wide

  • run through https://tinypng.com/

  • then add to site

  • set ALT TEXT on image if needed

  • asset library video

ADDING TESTIMONIALS

  • walkthrough

ACCORDION BLOCKS (careers, resources, etc)

  • walkthrough

SENDING EMAIL CAMPAIGNS

  • walkthrough

AFTER SITE LAUNCH

POST-LAUNCH SEO CHECKLIST

These are steps you can take to improve your SEO after site launch.

  • Add your website URL to each of your social media profiles

  • If you have a business, create a Google Business account and keep it active with posts and responding to reviews

  • Get backlinks for your website

    • get listed on your local Chamber of Commerce site or other relevant directories

  • Keep your site active

    • add/update your projects regularly

FONTS

  • Headings: Adobe Caslon Pro

  • Paragraphs, Buttons: Open Sans

COLORS

CUSTOM CODE BACKUP

INJECTION

PAGE INJECTION

<style>
  .sqs-announcement-bar {display: none !important;}
</style>

CSS

/* change default heading margin */
h1, h2, h3, h4 {
  margin-bottom: 1rem;
}

/* move header social icons closer */
.header-actions--right .header-actions-action--social .icon:not(:first-child) {
    margin-left: .6vw;
}

/* change header nav active style */
.header-nav-item--active a {
   background-image: none !important;
  color: ~'hsla(var(--darkAccent-hsl), 1)'!important;
}
/* add header nav hover effect */
.header-nav-wrapper a:hover {
 color: ~'hsla(var(--darkAccent-hsl), 1)'!important;
}

/* wrap code blocks instead of scrolling */
.source-code {
  white-space: pre-wrap;
  border-radius: 30px;
  background: #ffffff;
  padding: 20px;
}