support@launchedcreative.com

Website Kit Support & Documentation

Spectrum Website Kit

Get Started Page- Spectrum

Customize the Get Started Page to fit your Business. Replace placeholder content & images with your own!

Follow along to see how to make these changes in the easy steps below.

To Get Started Making Get Started Page Changes:

Navigate To Your WordPress Dashboard > Pages > Click All Pages > Hover Over “Services” > Click “Edit With Divi” >

You are now in the Front End Builder of Your Home Page and will make all changes to home page here.

Video Tutorial:

Please review the Quick Customization Tools guide prior to getting started with customizing each page (it will save you loads of time in design changes!)

Step 3- Changing Background Colors

3-1 To Change the background of Header Section

  • Click the blue section settings > Content Tab > background > input your desired background color.

3-2 To Change the background of Header (white) Box

  • Click the grey module settings > Content Tab > background > input your desired background color 
  • To change border: Scroll down to border > change border color, width, roundness

3-3 To Change the background of “Patient Information” Section

  • Click the blue section settings > Content Tab > background > input your desired background color.
  • To change each tab in the “Patient Information” section tabs: Click the grey module settings > Content > background > input your desired background color.

3-4 To Change the background of “Physician Referral” Section and “Physician Referral Form” Section:

  • For grey background-Click the green row settings > content > input your desired background color.
  • For green column 2 background- Click the grey module settings > content > input your desired background color.

3-6 To Change the background of “Insurance & Payment” Section and “Private Pay” Module:

  • Click the blue section settings > Content Tab > background > input your desired background color.
  • “Private Pay Module”: For grey background-Click the green row settings > content > input your desired background color.
  • “Make A Payment” Module: For green column 2 background- Click the grey module settings > content > input your desired background color.

Step 5- How To Get Started Boxes

To Change all Heading Box/Content Design settings at once: Hold down shift button > while holding down shift button, right click in the middle of a toggle box > right click each toggle box until all desired boxes are highlighted with gear module settings showing > continue with following directions:

5-1 To Change Box Heading Background & Border Rounding

  • Hover over the grey text module settings > content > background > change to desired color
  • Border: Click design tab > scroll down to border > change rounded corner sizing (higher px= more rounded, lower px= squared)

5-2 To Change Box Heading Content & Style

  • Hover over the grey text module settings > content > change placeholder content to desired heading
  • Text Style: Click Design tab > Heading Text > H1 > change to desired font, color, size

5-3 To Change Box Body Content & Style

  • Hover over the grey text module settings > content > change placeholder content to desired body content > to change icon, highlight icon, backspace, click add media, upload desired icon or image > drag to resize once placed in body content
  • To change style: click design tab > text > change to desired text size, color, font > scroll down to Heading > H1 > select desired font, size, color
  • Border: while in design tab > scroll down to border > change rounded corner sizing (higher px= more rounded, lower px= squared) > change border width > change border color

5-1 To Change Toggle Appearance In Column 2 (private pay & insurance) toggles:

  • Hover over grey Image Module setting icon > Design> Icon > change color > “use custom size” change size of + button 
  • While still in the toggle module design settings, click “toggle” > change open toggle backrgound color to change color of background when open > “closed toggle background” to change color when closed
    • While still in the toggle module design settings, click “Title text” > change to desired settings for both open and closed
    • While still in the toggle module design settings, click “Closed Title text” > change to desired settings 
    • While still in the toggle module design settings, click “body” > change to desired settings 

    Step 6- Physician Referral Box

    To change Background Color, Text, Placeholder content, refer to steps 1-3 above.

    6-1 To Change Physician Referral Form Box Design & Content

    • Hover over the grey Call To Action module gear settings > content > change title > change Button Placeholder text > replace placeholder content in body > scroll to background color > change to desired color
    • Click Design tab > change out Heading H1 text to desired settings > text settings > button is set to default, change to desired settings if you would like a unique button here

    6-2 To add downloadable form to button link

    • To upload a downloadable PDF that your clients can download, you can 1) add the pdf to your website or 2) add the pdf to your dropbox or google drive account and insert link by following next step below
      • To add pdf to your website for download: Go to your website dashboard > media tab in left column > add new > drag and drop or select pdf file > once uploaded, click the uploaded document in your media library, which will open “attachment details” > while in attachment details, highlight the URL found in “copy link” area > follow next step below to paste link in button to allow clients to open form and download from website
    • While still in the Call To Action settings module > Content Tab > Link > paste form link here to allow client to click and download form.
      • Form link can be from  your google drive, dropbox, or website media upload detailed above.

    Physician Referral Phone Number: Phone number is set to H3 under Design > Heading > H3 > change color > change font

    Step 7- Insurance & Payment Section

    To change Background Color, Text, Placeholder content, refer to steps 1-3 above.

    7-1 To change Insurance Company Basic Text (no + symbol)

    • In the Insurance information Section, hover over each insurance box to make changes. Click the grey gear settings module > Scroll down to body to Change placeholder text to desired Menu text > scroll down to background to change background color

    7-2 To change Insurance Company Text & Info (boxes with + symbol meant to allow for additional info on insurance company to be listed, if needed. If not necessary, you can delete the additional info boxes, or copy them after personalizing to replace the plain text boces)

    To Change all + Toggle Designs at once: Hold down shift button > while holding down shift button, right click in the middle of a toggle box > right click each toggle box until all desired boxes are highlighted with gear module settings showing > continue with following directions:

    • Hover over grey Toggle Module setting icon > Design> Icon > change color > “use custom size” change size of + button
    • While still in the toggle module design settings, click “toggle” > change open toggle backrgound color to change color of background when open > “closed toggle background” to change color when closed
      • While still in the toggle module design settings, click “Title text” > change to desired settings for both open and closed
      • While still in the toggle module design settings, click “Closed Title text” > change to desired settings
      • While still in the toggle module design settings, click “body” > change to desired settings

      7-3 To Change Make A Payment Form Box Design & Content

      • Hover over the grey Call To Action module gear settings > content > change title > change Button Placeholder text > replace placeholder content in body > scroll to background color > change to desired color
      • Click Design tab > change out Heading H1 text to desired settings > text settings > button is set to default, change to desired settings if you would like a unique button here

      7-4 To add payment service link to button

      • While still in the Call To Action settings module > Content Tab > Link > paste payment processor link (paypal, stripe, square, etc) here to make a payment via a link. 
        • To delete “make a payment” option entirely, please hover over green row settings > click the rectangle box “change column structure” and select the option for one column (solid triangle). This will remove the second payment column.

      Step 8- Forms Section

      8-1 To change Form Box styling & placeholder text

      • Hover over the grey Call To Action module gear settings > content > change title > change Button Placeholder text > replace placeholder content in body > scroll to background color > change to desired color
      • Click Design tab > change out Heading H1 text to desired settings > text settings > button is set to default, change to desired settings if you would like a unique button here
      • While in design tab, scroll down to borders > change to desired width, color, roundness

      8-2 To add downloadable form to button link

      • To upload a downloadable PDF that your clients can download, you can 1) add the pdf to your website or 2) add the pdf to your dropbox or google drive account and insert link by following next step below
        • To add pdf to your website for download: Go to your website dashboard > media tab in left column > add new > drag and drop or select pdf file > once uploaded, click the uploaded document in your media library, which will open “attachment details” > while in attachment details, highlight the URL found in “copy link” area > follow next step below to paste link in button to allow clients to open form and download from website
      • While still in the Call To Action settings module > Content Tab > Link > paste form link here to allow client to click and download form.
        • Form link can be from  your google drive, dropbox, or website media upload detailed above.

      ABA Therapy Call To Action (Bottom of Page)

      This section is set to make global changes. If you change this item on this page, it will reflct across any page this section is present in. You do not need to make these changes on every page.

      To Change the background colors of entire section (grey):

      • Click the blue section settings > background > color

      To Change the background colors of inner row (orange)

      • Click the green section settings > column 1 background > color
      • To change the border of the row: In main row settings > click design > border > change to desired color or change to 0px to remove border

      To Change placeholder text & Image

      • Click the grey text module gear settings > change placeholder body text > design > change to desired font, text, size
      • Click grey image module settings > change placeholder image to desired image

      To Change button settings

      • Click the grey button module gear settings > change placeholder button text > design > button > change to desired font, text, size

      Documentation (Items Not Set to Default)

      Documentation: The following areas have placeholder text that will not be changed with Theme Customizer setting changes. You will have to manually reset the font selection when changing the placeholder text out for the following area:

      Header “Comprehensive Evidence-Based ABA Services” Tagline: Change in Text Settings.

      “Quality Behavioral Therapy Services” Heading: Change in Heading H1 Settings.

      “Patient Information” Section Heading: Change in Heading H1 Settings.

      “How To Get Started” Heading: Change in Heading H1 Settings.

      “Physician Referral” Heading: Change in Heading H1 Settings. Underline option is enabled.

      “Physician Referral” Phone Number: Phone number is set to H3 under Design > Heading > H3 > change color > change font

      “Physician Referral Form” Heading: Change in Title Heading H1 Settings.

      “Insurance & Payment” Heading: Change in Heading H1 Settings.

      “Insurance Plans” Heading: Change in Heading H1 Settings. Underline option is enabled.

      “Private Pay” Heading: Change in Heading H1 Settings. Underline option is enabled.

      “Make A Payment” Heading: Change in Title Heading H1 Settings.

      “Forms” Heading: Change in Heading H1 Settings.

      Documentation: The following areas have buttons that will not be changed with Theme Customizer setting changes. You will have to manually reset the font selection when changing the button settings:

      Services Page Header: Patients, Physicians, FAQ Buttons: Change button settings by clicking grey module settings button > design > button > change font, text size, color, background color, border color, and icon size/color/placement values as desired.