Forgot password?
Overview
✅ Changes saved!
🖼️
Gallery Photos
💰
0
Price Entries
✂️
0
Services Listed
📦
–
Storage Used
Local Storage Usage–
👋 Welcome to the Happy Tails Admin Panel! Use the sidebar to navigate sections. Click Save Changes after editing any section. Your data is saved in your browser's local storage. For images, uploading small/compressed photos works best.

💡 Tip: If you use image URLs instead of uploads, you'll save a lot of storage space.

Business Identity

Your business name appears in the navigation, page title, and footer.

Logo

Upload your logo image. If no logo is set, the business name text is shown instead.
🖼️

Click to upload logo

PNG with transparent background recommended · Max ~500KB

Hero Background Image

The large background image shown in the top section of the website. A beautiful pet photo works great!
🌄

Click to upload hero background

Landscape photo recommended · Aim for under 1MB

Hero Text

The tagline shown on the main hero section of the homepage.

About Section

The text shown in the "About Us" section. You can use basic HTML like <p> tags.

About Section Image

The photo shown next to the about text (portrait/tall orientation works best).
📸

Click to upload about image

Portrait orientation (4:5 ratio) works best

Mobile Grooming Service

Edit the title, description, and feature bullets for the Mobile Grooming card.

Salon Grooming Service

Edit the title, description, and feature bullets for the Salon Grooming card.

Services Included List

The items shown in the dark green "What's Included" bar. Each item has an emoji icon and a name.

🔗 Hero Buttons

The two main call-to-action buttons shown in the big hero section at the top of your website.
📞 Primary Button (left)
Use tel:9546635249 for phone, #services for section links, or a full URL
🔍 Secondary Button (right)

🧭 Navigation Button

The "Book Now" button shown in the top-right navigation bar.
Common options: #contact, tel:9546635249, or a booking page URL

💡 Link Examples

tel:9546635249 → Calls your phone number directly
#contact → Scrolls to the Contact section
#services → Scrolls to the Services section
#pricing → Scrolls to the Pricing section
https://calendly.com/... → Opens your Calendly booking page
mailto:hello@example.com → Opens email client
https://wa.me/19546635249 → Opens WhatsApp chat

Pricing Table

Edit each pricing card. Size = heading, Sub = weight/description, Examples = breeds shown. Add or remove rows as needed.
Size Weight / Sub Examples Bath & Brush Full Groom

Color Presets

Choose a preset palette to instantly change the look of your website.

Custom Colors

Fine-tune your colors manually. Click the color square or type a hex code.
Nav, buttons, headers
Highlights, CTAs, badges
Page background

Business Name Font

Applies to your logo text in the hero and navigation.
Book Now
Fresh cuts, happy pups
Mobile Salon

👁️ Show / Hide Website Sections

Toggle any section on or off. Hidden sections are completely invisible to visitors — they won't see them or be able to scroll to them.
👥
About Us
Your story and stats section
✂️
Services
Mobile & Salon grooming cards
🛁
What's Included block
The dark bar inside Services listing included items
💰
Pricing Section
The full pricing table by pet size
📍
Service Areas Strip
The dark bar listing cities you serve
❓
FAQ Section
Frequently asked questions accordion
📞
Contact Section
Address, phone, hours & map
💡 Remember to click Save Changes at the top after toggling sections.

✏️ Edit "What's Included" Title

Customize the heading of the included services block inside the Services section.
You can use emojis! Example: ✅ Every Groom Includes

🔍 Core SEO Settings

These settings directly affect how Google finds and shows your website. Fill them all in carefully.
Must match your actual website address exactly. Used for canonical URL and schema markup.
Shown in Google search results. Include your location & main services. 0/160
Get this from Google Search Console → Add Property → HTML tag method.

📱 Social Media Links

Adding your social profiles improves your authority in Google's eyes (schema sameAs).

📱 Social Links Preview

These are the links you entered above — they'll appear as icon buttons in your website footer automatically.
No social links added yet — fill in the fields above and save.
💡 Click Save Changes then re-open SEO Settings to see the preview update.

📍 Service Areas

List all cities and neighborhoods you serve, separated by commas. These appear on the website and in your schema markup.

✅ SEO Checklist

☐ Google Business Profile — Create/claim at business.google.com (most important for local SEO!)
☐ Website URL — Filled in above
☐ Meta Description — 120–160 characters, includes city + service
☐ Google Search Console — Verified and sitemap submitted
☐ Social Media Links — At least Facebook or Instagram
☐ Gallery Photos — At least 6 high-quality before/after photos
☐ FAQ — At least 5 questions answered (helps with Google "People Also Ask")
☐ Upload sitemap.xml — From your files, submit to Google Search Console

❓ FAQ — Frequently Asked Questions

FAQs appear on your website AND generate rich snippets in Google search results ("People Also Ask"). Aim for 5–8 questions. Use natural language your customers actually search for.

Contact Information

Update your address, phone, email, and business hours shown in the Contact section.
Short line shown under your business name in the footer.

🔗 Supabase Database Connection

Enter your Supabase credentials so your website content is live for all visitors. Get these from your Supabase project → Settings → API.
💡 After entering credentials here, also update the two lines in index.html with your URL and key — see the SETUP.md file for instructions.

🔑 Your Recovery Code

This is the code you use if you ever forget your admin password. Write it down and keep it somewhere safe!
happytails-reset-954
On the login screen → click "Forgot password?" → enter this code

Change Admin Password

Update the password used to access this admin panel.

Reset All Content

This will erase all your customizations and reset everything to the default content. This cannot be undone.