Growth HQ Website User Guide

Welcome to your new Growth HQ website! This guide will help you manage and update your website content.

1. Logging In

  1. Go to: https://yourdomain.com/wp-admin
  2. Enter your username and password
  3. You’ll see the WordPress Dashboard

2. Creating & Editing Pages

Adding a New Page

  1. Pages → Add New
  2. Enter your page title
  3. Add content blocks (see below)
  4. Set featured image (optional)
  5. Publish when ready

Page Builder Blocks

Your site uses a flexible content system. Click “Add Row” to add sections to any page.

3. Content Blocks Guide

Hero Section

Use for: Page headers, main landing sections

  • Heading: Main title (keep concise)
  • Description: Supporting text
  • Background Image: Upload high-quality image (1920x1080px recommended)
  • Buttons: Add up to 2 CTA buttons
  • Text Position: Choose left, center, or right alignment
  • Padding Top/Bottom: Choose from None, Small, Medium, Large, XLarge, XXLarge, XXXLarge

Call to Action (CTA)

Use for: Conversion sections, promotional banners

  • Heading: Action-oriented title
  • Content: Brief description
  • Button: Link to contact or target page
  • Background Color: Choose from brand colors (Purple, Orange, Pink, Yellow, Blue, etc.)
  • Icon: Optional icon from the library
  • Padding Top/Bottom: Adjustable spacing

Image & Text Split

Use for: Feature explanations, about sections

  • Layout: Choose image on left or right
  • Image: Upload square or rectangular image
  • Heading: Section title
  • Content: Detailed text (supports basic formatting)
  • Button: Optional CTA
  • Background Color: White or brand colors
  • Padding Top/Bottom: Section spacing control

Rich Text Content

Use for: Long-form content, policies, detailed information

  • Content: Full text editor with formatting options
  • Background: White or colored backgrounds available
  • Text Alignment: Left, Center, or Right
  • Padding Top/Bottom: Customizable section spacing

Logo Banner

Use for: Client logos, partner showcases

  • Title: Section heading
  • Logos: Upload multiple logo images (PNG with transparent background preferred)
  • Logos per row: Adjust for desktop display (3-6 recommended)
  • Background Color: White or light backgrounds work best
  • Padding Top/Bottom: Section spacing

Contact Form

Use for: Contact pages, lead generation

  • Select Form: Choose from pre-built forms
  • Section Heading: Form title
  • Description: Instructions or context
  • Background Color: Match your brand (forms auto-adapt to dark/light)
  • Padding Top/Bottom: Adjustable spacing

Team Members

Use for: About page, team showcase

  • Heading: Section title
  • Layout: Grid or carousel view
  • Columns: 2, 3, or 4 columns on desktop
  • Members: Managed separately (see Team Members section below)
  • Background Color: Section background
  • Padding Top/Bottom: Section spacing

Locations Display

Use for: Office locations, store finder

  • Heading: Section title
  • Locations: Add multiple locations with details
  • Map Integration: Optional Google Maps embed

Statistics

Use for: Company achievements, impact numbers

  • Stats: Add multiple statistics
  • Format: Number + Label + Description
  • Animation: Numbers animate on scroll

Video Section

Use for: Explainer videos, testimonials

  • Video Source: YouTube, Vimeo, or self-hosted
  • Thumbnail: Cover image before play
  • Autoplay: Optional (muted only for accessibility)

4. Managing Images

Image Best Practices

  • Format: Use JPG for photos, PNG for logos/graphics with transparency
  • Size: Resize before uploading (max 2000px width for most uses)
  • File Size: Optimize to under 500KB per image
  • Alt Text: Always add descriptive alt text for accessibility

Uploading Images

  1. Click “Add Media” or “Upload Image” in any image field
  2. Drag and drop or select files
  3. Add Alt Text in the media library
  4. Select appropriate size (thumbnail, medium, large, full)

Image Sizes Guide

  • Hero Backgrounds: 1920x1080px
  • Feature Images: 800x600px
  • Logos: 200px height, transparent PNG
  • Team Photos: 400x400px square
  • Blog Featured: 1200x630px

5. Managing Team Members

  1. Team Members → Add New (left menu)
  2. Add team member details:
    • Name (title)
    • Position/Role
    • Bio/Description
    • Photo (400x400px square recommended)
    • Social links (optional)
  3. Publish
  4. Team members automatically appear in Team Member blocks

6. Managing Blog Posts

  1. Posts → Add New
  2. Write your content using the editor
  3. Set featured image (1200x630px recommended)
  4. Choose category
  5. Add tags (optional)
  6. Publish or Schedule

7. Managing Navigation Menus

  1. Appearance → Menus
  2. Select menu to edit (Header Menu, Footer Menus)
  3. Add pages, custom links, or categories
  4. Drag to reorder
  5. Set sub-items by dragging slightly right (creates dropdown)
  6. Save Menu

8. Form Submissions

Viewing Submissions

  1. Fluent Forms → Entries
  2. Select your form
  3. View submissions
  4. Export to CSV if needed

Email Notifications

  1. Fluent Forms → All Forms
  2. Click form → Settings & Integrations
  3. Email Notifications to edit recipient emails

10. SEO Settings

For Each Page

When editing a page, scroll down to find:

  • SEO Title: Page title for search results
  • Meta Description: Brief page description (155 characters)
  • Focus Keyword: Main keyword for the page

General SEO

  • Settings → General: Set site title and tagline
  • Settings → Permalinks: Keep as “Post name”

11. Quick Tips

Do’s

  • Save drafts frequently while editing
  • Preview pages before publishing
  • Use descriptive file names for images
  • Keep content concise and scannable
  • Test forms after making changes
  • Check mobile view using preview

Don’ts

  • Don’t upload massive unoptimized images
  • Don’t delete pages without checking for links
  • Don’t change URL slugs of published pages (breaks links)
  • Don’t use all caps in headings (use formatting instead)
  • Don’t copy-paste from Word without cleaning formatting

12. Publishing Workflow

  1. Create/Edit content
  2. Save Draft to save progress
  3. Preview to see how it looks
  4. Publish when ready
  5. Update to save changes to published content

13. Common Tasks

How to Change Homepage Content

  1. Pages → All Pages
  2. Find “Home” or “Homepage”
  3. Click Edit
  4. Modify content blocks
  5. Update to save

How to Add a New Service/Product Page

  1. Pages → Add New
  2. Build using content blocks
  3. Publish
  4. Add to menu: Appearance → Menus

How to Update Contact Information

  1. Theme Settings → Footer for footer contact info
  2. Update contact forms: Fluent Forms → All Forms
  3. Update contact page content

How to Change Button Colors

Buttons inherit from the block’s color scheme. To change:

  1. Edit the content block containing the button
  2. Look for “Background Color” or “Color Scheme”
  3. Select different brand color

14. Mobile Optimization

Your site is fully responsive, but always:

  1. Preview on mobile using browser tools
  2. Keep headings shorter for mobile
  3. Test touch targets (buttons, links)
  4. Ensure images look good on small screens

14. Theme Settings (Global Configuration)

Theme Settings

Navigate to: Theme Settings in the left menu

Header Settings

Theme Settings → Header

  • Logo: Upload your logo (recommended: PNG with transparent background, 200px height)
  • Navigation Menu: Managed separately under Appearance → Menus
  • CTA Button: Set the text and link for the header button

Footer Settings

Theme Settings → Footer

  • Footer Logo: Can be different from header logo
  • Footer Text: Add copyright text or company description
  • Social Links: Add your social media URLs
  • Footer Menus: Up to 4 columns of links

Global Settings

Theme Settings → Global

  • Analytics: Add Google Analytics ID (format: G-XXXXXXXXXX)
  • Tag Manager: Add Google Tag Manager ID (format: GTM-XXXXXXX)
  • Favicon: Upload your browser icon (32x32px .ico or .png)

15. Security Best Practices

  • Passwords: Use strong, unique passwords
  • Updates: Keep WordPress, themes, and plugins updated
  • Backups: Regular backups are automated
  • Users: Only give admin access when necessary
  • Logout: Always log out on shared computers

16. Need Help?

Before Contacting Support

  1. Clear browser cache (Ctrl/Cmd + Shift + R)
  2. Try different browser
  3. Check if issue appears for logged-out users

Support Contacts

  • Technical Issues: [Developer contact]
  • Hosting Issues: Cloudways Support
  • Email Issues: Check Elastic Email dashboard

17. Quick Reference

Login URL

https://yourdomain.com/wp-admin

Key Locations

  • Pages: Pages → All Pages
  • Blog: Posts → All Posts
  • Media: Media → Library
  • Forms: Fluent Forms → All Forms
  • Menus: Appearance → Menus
  • Theme Options: Theme Settings → [Section]
  • Team: Team Members → All Team Members

Recommended Image Sizes

  • Hero: 1920x1080px
  • Feature: 800x600px
  • Logo: 200px height
  • Team: 400x400px
  • Blog: 1200x630px

Remember: Always preview your changes before publishing, and don’t hesitate to save drafts while working!

Last updated: January 2025