Pawsome

Introduction

↑ Back to top

Welcome to the official documentation for Pawsome – Pet Food & Accessories WooCommerce Theme.

Thank you for choosing Pawsome! We’ve poured a lot of love and creativity into building this WordPress theme, and we’re excited that you selected it for your pet store. This guide will help you explore the key features of Pawsome, along with how to set it up and customize it for your pet business.

About the Theme

↑ Back to top

Pawsome is a modern WooCommerce theme thoughtfully crafted for online pet stores. Whether you’re selling premium pet food, adorable toys, grooming essentials, or everyday accessories, Pawsome provides the ideal foundation to build a stylish and functional pet e-commerce website.

Developed as a block-based theme with Full Site Editing (FSE) support, it makes extensive use of theme.json, custom block styles, and global settings. Styles are optimized, loaded only when required, and paired with a minified global stylesheet for fast and consistent performance. All bundled images are compressed to ensure quick loading without sacrificing visual quality.

Theme Philosophy

↑ Back to top

Over the years, WordPress theme development has evolved, but one principle remains constant — a theme should define how your site looks, not how it works.

A theme should never lock you into specific features or functionalities. Those should always be handled by plugins to ensure flexibility, easy updates, and long-term stability.

For example, Pawsome doesn’t create or manage your contact forms — it only styles them. You can use plugins like Jetpack, WPForms, or Contact Form 7, and Pawsome will automatically style them to blend seamlessly with your site design.

Built around this philosophy, Pawsome focuses solely on styling WordPress and WooCommerce blocks without modifying your website’s underlying functionality.

System Requirements

↑ Back to top

Since Pawsome is a WooCommerce theme, make sure your server meets the official WooCommerce requirements. Please review the WooCommerce Server Requirements.

For optimal performance, we recommend:

• WordPress version 6.3 or later
• PHP version 7.4 or later
• Database: MySQL 5.6 or higher, or MariaDB 10.4 or higher
• Memory limit: At least 256 MB
• HTTPS support enabled

It’s also helpful to review the general WordPress Server Requirements for full compatibility.

Required Plugins

↑ Back to top

To power your store and product layouts, WooCommerce is required.

Recommended Plugins

↑ Back to top

We’ve included built-in support for several helpful plugins that enhance your pet store experience:

• WPForms – For creating contact, inquiry, and newsletter forms
• MAS Static Content – For flexible and customizable megamenus
• Stackable – For advanced blocks such as banners, countdown timers, and more

Need Help?

To understand what’s included in our support, please review our official
Support Policy.

Installation

↑ Back to top

In this chapter, we’ll guide you through installing the Pawsome theme on your WordPress website. If you run into any issues during the installation process, feel free to reach out to our support team for assistance.

While installation services are generally outside the scope of standard support, we offer a one-time free installation service for all our customers. To use this service, simply contact us via our support page and provide your WordPress admin login details. We will install the theme and set it up to match our demo. This service is typically completed within 3 business days.

Installation Video

↑ Back to top

Installing the Theme

↑ Back to top

Once you have downloaded the pawsome.zip file, you’re ready to install the theme on your WordPress site.

Using WordPress (recommended)

• Go to Appearance → Themes in your WordPress dashboard.
• Click the Add Theme button at the top.
• Click Upload Theme next to the Add Themes title.
• Click Select File, then choose the pawsome.zip file from your computer.
• Click Install Now to begin the installation.
• After the installation finishes, you will see a success message indicating that the theme has been installed.

Installing the Theme via FTP

• Unzip the pawsome.zip file on your computer.
• Connect to your web server using an FTP client such as FileZilla.
• Navigate to the /wp-content/themes/ directory on the server.
• Upload the extracted pawsome folder into the themes directory.
• Once the upload is complete, visit Appearance → Themes in your WordPress dashboard and confirm that Pawsome appears in the theme list.

Installing Plugins

↑ Back to top

While Pawsome can operate without WooCommerce, we strongly recommend installing WooCommerce to unlock all pet product layouts, catalog features, and homepage elements included with the theme.

Steps to Install WooCommerce

• Go to Plugins → Add New in your WordPress admin area.
• In the Search Plugins box, type WooCommerce and press Enter.
• Locate the WooCommerce plugin and click Install Now.
• After installation, click Activate to enable WooCommerce on your site.

Activating the Theme

↑ Back to top

Before activating Pawsome, it’s best to activate WooCommerce first to ensure full compatibility with all product and shop-related blocks.

Steps to Activate Pawsome

• Make sure WooCommerce is activated. If prompted, complete the WooCommerce setup steps.
• Go to Appearance → Themes and ensure that Pawsome appears among your installed themes.
• Hover over the Pawsome theme thumbnail and click Activate.
• You will see a confirmation message indicating that Pawsome is now the active theme on your website.

Using Demo Content

↑ Back to top

A theme’s demo content is a helpful way to get started quickly. Pawsome’s homepages and inner pages are built using Patterns, so there’s no need to import the entire demo or add all products at once. You can simply add the pages you need by selecting the appropriate Starter pattern.

Starter Patterns

↑ Back to top

We recommend importing demo products and blog posts only if your website is empty. If you already have pet products, categories, or blog posts, you can skip the content import and use only the page patterns to build the pages you want.

Demo Shop Products

↑ Back to top

Pawsome includes demo pet shop products to help you quickly set up and visualize your online store. These demo items show how pet food, toys, accessories, and grooming essentials will appear within product grids, collections, and single product layouts.

Key Points:

• Demo products are optional — import them only if your store doesn’t have real products yet.
• They help you see the complete styling and structure of the shop, product pages, and category views.
• You can replace demo products with your own listings anytime without impacting the theme’s design.

Demo Blog Posts

↑ Back to top

Pawsome includes demo blog posts designed around pet care tips, nutrition advice, grooming guides, and general pet-related content. These demo posts help you quickly preview how your blog layout and post styles will appear with the theme.

Key Points:

Demo blog posts are optional — import them only if your site has no existing content.

They give you a clear preview of blog layouts, typography, and styling included in the theme.

You can replace demo posts with your own articles anytime without affecting the design.

One Click Demo Import

↑ Back to top

Use the one-click import feature to import all demo content, including Home pages, Static pages, and menus, so your site instantly matches our Pawsome live demo.

Follow the steps below to import demo content using the One Click Demo Import plugin:

• Ensure that you have installed the Pawsome theme and all the recommended plugins from Appearance > Install Plugins.
• Navigate to Appearance > Import Demo Data in your WordPress dashboard.

• Click the Import Demo Data button to begin importing the demo content.

• The process is completely automated—simply click once and wait for the import to finish.

Updating the Theme

↑ Back to top

Keeping your Pawsome theme up to date ensures you always have the latest features, performance improvements, and security enhancements. You can update the theme using several methods depending on how it was installed.

Recommended Update Methods

↑ Back to top

• Via WordPress Dashboard (Zip Upload):
  • Download the latest version of pawsome.zip from your ThemeForest or MadrasThemes Downloads page.
  • Go to Appearance → Themes and click Add New → Upload Theme.
  • Upload the new .zip file. WordPress will detect that the theme already exists and will prompt you to replace it.
  • Click Replace current with uploaded to complete the update.
• Via FTP:
  • Unzip the latest pawsome.zip file on your computer.
  • Connect to your server via FTP and navigate to the wp-content/themes directory.
  • Upload the updated pawsome folder and overwrite the existing theme folder.
  • Visit your WordPress dashboard to ensure the theme version has been updated.

Important Notes

Backup first: Always create a full backup of your files and database before updating.

Child theme users: If you’re using a child theme for customizations, your changes will remain safe after the update.

Clear cache: After updating, clear your site cache and browser cache to ensure the latest updates are visible.

Setup Pages

↑ Back to top

Home Pages

↑ Back to top

Homepage Setup

Pawsome includes 2 beautifully designed homepage layouts, each created as a block pattern. This setup allows you to build your homepage effortlessly — simply choose the pattern you prefer and apply it. Each homepage has its own unique style and layout, giving your pet store a distinct and appealing identity.

Since all homepages are registered as patterns, you can assign them to a page in just a few clicks without building each section manually.

Creating and Assigning Your Homepage

Follow the steps below to create and assign your homepage:

Step 1: Create a Homepage

• Go to Pages → Add New.
• When you click Add New Page, a pop-up titled “Choose a Pattern” will appear. Here, you can select from the available Pawsome patterns, including the complete homepage layouts designed as ready-to-use block patterns.
• Or, you may close the pop-up to create a blank page.
• Enter a title for your page (e.g., Home).
• In the right sidebar under Template:
  • Select Canvas if you want to insert Header and Footer manually as patterns.
  • Select Page No Title if you prefer to load the global Header and Footer across your entire website.
• Click Publish to save your page.

💡 Tip: Choosing a full homepage pattern automatically loads the entire layout, so you can begin customization right away.

Step 2: Assign a Template to the Homepage

• Open the page you created.
• In the right sidebar, under the Page tab, find the Template section.
• Click Change Template and select the appropriate option:

1. Canvas Template – Use this if you want to manually insert Header and Footer for this specific homepage.

2. Page No Title Template – Use this to apply the global Header and Footer to your homepage. 

Use the Preview option to view your homepage design.

Add Patterns to Your Page

You can now add more patterns to enhance your homepage.

For your convenience, each complete homepage layout has been created as a single pattern, allowing you to load a full page design instantly without assembling individual sections.

• Open the Block Inserter (+).
• Navigate to Patterns → Pawsome.
• Choose your preferred Home pattern (such as Home v1 or Home v2).

You can also mix and match smaller section patterns—like banner sliders, product carousels, or testimonials—to craft a personalized homepage that suits your brand.

About the Header

The Pawsome header is built entirely using blocks and can be fully customized via the Site Editor. Each homepage pattern includes its own header style, designed to complement the layout.

• Go to Appearance → Editor → Templates → Header.
• Choose from the available Header patterns or customize the existing one.
• You can easily edit elements such as the logo, menu, search bar, mini cart, and account icon.

This gives you complete flexibility to design a header that enhances both aesthetics and usability.

Creating a Blog Page

To create a dedicated page for your blog posts:

• Go to Pages → Add New.
• Name the page Blog.
• Set the Template to Default.
• Click Publish.

💡 Tip: Keeping a separate blog page helps you organize your content and improves navigation for your readers.

Static Pages

↑ Back to top

Set Static Pages for Homepage and Blog

Finally, tell WordPress which pages to use for your homepage and blog:

• Go to Settings → Reading in your WordPress dashboard.
• Under Your homepage displays, select A static page.
• For Homepage, choose the Home page you created.
• For Posts page, select the Blog page.
• Click Save Changes.

Your site is now ready with:

• A beautifully designed homepage featuring your favorite Pawsome layout.
• A customizable header that matches your pet store’s branding and style.
• A dedicated blog page for sharing tips, stories, and pet care articles.

You’re all set to start adding products, customizing your pages, and building a delightful shopping experience for pet lovers with Pawsome.

Inner Pages

Pawsome comes with a collection of beautifully crafted inner page templates, designed to give your pet store a cohesive, friendly, and premium look. Each template is built entirely with blocks, so you can customize them easily using the WordPress Site Editor — add patterns, rearrange sections, or personalize content to match your brand.

About Page

The About Page helps you share your store’s story and your love for pets.

• Includes sections for brand mission, your journey, team members, customer stories, and call-to-action banners.
• Fully customizable using the Block Editor — add photos of pets, videos of behind-the-scenes footage, or additional content blocks.
• Pre-styled headings and buttons create a warm and trustworthy feel that pet owners will love.

💡 Tip: Use this page to highlight your passion for helping pets live healthier, happier lives.

Contact Page

The Contact Page makes it easy for customers to get in touch with your pet store.

• Includes ready-made sections for contact forms, store address, operating hours, Google Maps, and social media links.
• Works smoothly with popular plugins such as WPForms, Contact Form 7, and Jetpack Forms.
• Built entirely with blocks, allowing you to rearrange or customize elements anytime.

💡 Tip: Add a small note like “For urgent pet-care questions, reach us on WhatsApp” to make pet parents feel supported.

Blog

The Blog Page is perfect for sharing helpful tips, product updates, and pet care guides.

• Displays your posts in a clean, easy-to-browse layout.
• Supports categories, tags, and featured images — ideal for showcasing pet food guides, training tips, and grooming advice.
• Comes with pre-designed single post layouts that match the theme’s friendly and modern look.

💡 Tip: Regular blog posts like “How to Choose the Right Food for Your Puppy” help build trust and boost SEO.

404 Page

The 404 Page guides visitors back when they land on a missing or unavailable page.

• Designed with a friendly tone and includes space for a search bar, navigation links, and call-to-action buttons.
• Fully customizable — add a cute pet illustration, playful text, or useful navigation shortcuts.
• Helps reduce bounce rates by making it easy for users to find what they’re looking for.

💡 Tip: Adding a funny line like “Oops! Looks like this page wandered off like a curious kitten” can make the experience delightful.

Header & Footer

↑ Back to top

Header

↑ Back to top

The header is an essential part of your pet store website, appearing on every page and helping visitors quickly explore your products and categories.

In Pawsome, the header is fully block-based and can be customized using the WordPress Site Editor. The theme includes 2 beautifully designed header styles, giving you flexibility to choose the layout that best matches your brand.

Accessing and Editing the Header

• Go to Appearance → Editor → Patterns → All Template Parts.
• Under All Template Parts, locate the Header template part.
• Click Header to edit it directly or replace it with one of the pre-designed Header patterns included with Pawsome.

Key Features

• Logo: Upload your Pawsome store logo and link it to your homepage.
• Navigation Menu: Add pet food categories, accessories, pages, and custom links.
• Search Bar: Allows pet parents to quickly find exactly what they need.
• Mini Cart: Shows added items at a glance for faster checkout.
• Account Icon / Login: Offers easy access to customer accounts and order history.

Customizing the Header

↑ Back to top

• Use the block editor to add, remove, or rearrange elements such as menus, icons, or call-to-action buttons.
• Switch between the two available Header patterns to instantly apply a layout that fits your style.
• Adjust spacing, colors, and typography to match your store’s branding.
• Click Save to apply your changes across the entire site.

💡 Tip: Each homepage layout in Pawsome is designed to pair perfectly with one of the header styles. You can stick with the matching header for consistency or mix and match the two header styles to create a look that feels uniquely yours.

Navigation

↑ Back to top

The navigation menu plays a key role in helping visitors explore your pet store — from pet food and treats to toys, grooming supplies, and accessories. In Pawsome, the navigation is fully block-based, giving you complete control through the WordPress Site Editor.

Accessing the Navigation

• Go to Appearance → Editor → Navigation.
• Here, you’ll see all the navigation menus currently used on your site.
• Select the menu you want to edit, or click Add New to create a new one.

Editing the Menu

• Click any menu item to rename it or link it to a page, category, or custom URL.
• Use the + (Add Block) button to add new links or dropdown submenus.
• Drag and drop items to reorder them as needed.
• Create multi-level dropdown menus by nesting items under a parent item — perfect for categories like Dog Food → Dry Food / Wet Food or Accessories → Collars / Beds / Toys.

Assigning the Menu

• After editing your navigation, go to Appearance → Editor → Patterns → All Template Parts.
• Open the Header template part.
• Replace or assign the navigation block in the header with the menu you created.

---

💡 Tip: Create multiple menus for different areas of your site — for example, a main navigation for your header and a compact version for the footer. You can switch between them anytime from the Navigation screen.

Adding Megamenu

↑ Back to top

Pawsome supports Megamenu Dropdowns using the MAS Static Content plugin, allowing you to create rich, multi-column menus perfect for showcasing pet food categories, accessories, brands, and featured items.

Install the Required Plugin

• Navigate to Plugins → Add Plugin.
• Search for MAS Static Content (a plugin that supports megamenus).
• Click Install Now next to the plugin.
• After installation, click Activate.

Create the Static Content Block

• Go to Static Contents in your WordPress dashboard.
• Click the Add New button.
• Enter a descriptive title for your megamenu, such as “Pet Categories Megamenu”.
• Use the Gutenberg block editor to design your megamenu layout — you can add sections for Dog Food, Cat Food, Toys, Grooming, New Arrivals, and more.
• Click Publish to save your megamenu content.

Editor Setting:

Output:

Footer

↑ Back to top

The footer is an essential part of your pet store’s website, appearing at the bottom of every page. It’s the perfect place to display helpful links, contact details, social media icons, and important information about your brand.

In Pawsome, the footer is fully block-based and can be completely customized using the WordPress Site Editor.

Accessing and Editing the Footer

• Go to Appearance → Editor → Patterns → All Template Parts.
• Under All Template Parts, locate the Footer.
• Click Footer to open it in the block editor.

Customizing the Footer

With the block editor, you can easily add, edit, or rearrange elements to build a footer that suits your pet store’s needs. You can include:

• Quick Links: Useful pages such as About, Contact, Shop, FAQs, or Policies.
• Social Icons: Add links to platforms where your pet community is active.
• Newsletter Signup: Encourage visitors to join your mailing list for pet care tips, offers, and updates.
• Store Information: Address, email, phone number, or customer support details.
• Copyright Text: Add your store name, current year, and legal notes.

You can also apply a ready-made Footer pattern to instantly style the footer without building it from scratch.

Multiple Footer Designs

• Pawsome includes multiple footer variations designed to complement different homepage styles.
• Switch between footer designs by selecting a different Footer pattern from the Template Parts section.

💡 Tip: A clear and well-organized footer helps customers quickly find what they need — and adds a polished, trustworthy feel to your online pet store.

WooCommerce Setup

↑ Back to top

Shop Page

↑ Back to top

The Shop page is the main showcase of your pet store, displaying all your products — from nutritious pet food to toys, grooming essentials, and accessories. In Pawsome, the Shop page uses WooCommerce blocks and is styled to perfectly match the theme’s warm and friendly design.

Setting Up the Shop Page

• Go to Pages → Add New.
• Enter a title — for example, Shop.
• Keep the Template set to Default.
• Click Publish to create the page.

Assigning the Shop Page in WooCommerce

• Go to WooCommerce → Settings → Products.
• Under the General tab, find the Shop page option.
• Choose the Shop page you just created from the dropdown.
• Click Save Changes.

Customizing the Shop Layout

• Go to Appearance → Editor → Templates.
• Open the Shop or Archive Product template.
• Use the block editor to customize your shop page layout — for example:
  • Adjust products per row or grid spacing.
  • Enable or reorder sorting and filtering options.
  • Add banners such as “New Arrivals for Pets” or “Best-Selling Treats” above the product grid.
• Save your changes once you’re done.

Features of the Shop Page

• Responsive Product Grid – Displays perfectly on desktops, tablets, and mobile.
• Filters & Sorting – Helps pet parents narrow down items quickly.
• Add to Cart Buttons – Ensures a fast and smooth shopping experience.
• Categories & Tags – Organizes your catalog into clear sections like Dog Food, Cat Toys, or Grooming Kits.

💡 Tip: For a better browsing experience, consider adding a Product Filter Sidebar with options such as price range, pet type, product categories, or customer ratings.

Products

↑ Back to top

The Products section is where you showcase everything your pet store has to offer — from premium pet food to toys, treats, grooming essentials, apparel, and accessories. In Pawsome, products are powered by WooCommerce and displayed using beautifully crafted block-based layouts optimized for performance and visual consistency.

Adding a New Product

• Go to Products → Add New in your WordPress dashboard.
• Enter the Product Name and a detailed Description (great for explaining benefits, ingredients, or usage tips).
• Configure the Product Data:
  • Regular Price and Sale Price
  • Inventory details such as SKU and stock status
  • Shipping details like weight and dimensions — helpful for bulky items like pet beds
  • Linked Products to recommend upsells or cross-sells (e.g., “Pair with this Toy” or “Buy with Treats”)
• Upload a Product Image and additional photos in the Product Gallery.
• Assign the product to appropriate Categories (Dog Food, Cat Toys, Grooming, etc.) and Tags.
• Click Publish to make the product live on your store.

Customizing the Product Page

• Go to Appearance → Editor → Templates → Single Product.
• Personalize the layout of your product pages by modifying blocks such as:
  • Product Title
  • Price Display
  • Product Image Gallery
  • Add to Cart Button
  • Product Description (long & short)
  • Nutrition Facts / Features (optional custom blocks)
  • Related Products, Upsells, or You May Also Like
• Drag, drop, add, or remove blocks to build a product page layout that fits your pet brand’s style.

Product Display Features

• Clean Grid Layouts: Perfectly arranged grids for food, toys, treats, accessories, and more.
• Hover Effects: Smooth transitions and optional quick-view popups.
• Add to Cart & Wishlist Support: Makes shopping convenient for pet parents.
• Sale Badges & Labels: Highlight discounts, new arrivals, or limited-stock items.
• Optimized Loading: Ensures fast browsing, especially when showcasing multiple product images.

💡 Tip: Use high-quality, well-lit images for every product. For food items, include nutritional details; for toys or accessories, show size references to help pet owners make informed choices.

Single Product Page

↑ Back to top

The Single Product Page showcases all the details about an individual pet product — helping customers make confident and informed choices for their furry friends. In Pawsome, this page is fully block-based and can be customized using the WordPress Site Editor.

Accessing and Editing the Single Product Page

• Go to Appearance → Editor → Templates → Single Product.
• Open the template to modify the layout of individual product pages.
• Use the block editor to add, remove, or rearrange blocks as needed.

Key Sections of the Single Product Page

• Product Title: Shows the name of the pet product.
• Product Image Gallery: Display multiple product images with zoom and gallery features.
• Price & Sale Price: Highlight regular and discounted pricing.
• Add to Cart Button: Makes it easy for customers to buy instantly.
• Product Description & Short Description: Explain product features, materials, usage, or benefits for pets.
• Product Meta: Includes SKU, categories, and tags like breed type, size, or pet category.
• Upsells & Related Products: Suggest toys, treats, or accessories that pair well.
• Reviews Section: Show customer feedback and ratings for trust.

Customization Tips

• Reorder blocks to highlight important details like product photos or pricing.
• Add custom elements such as pet care tips, feature icons, video demos, or trust badges.
• Use high-quality product images for a professional look and better conversions.

Features

• Responsive Design: Looks perfect on mobiles, tablets, and desktops.
• Quick Add to Cart & Wishlist: Makes shopping smooth and enjoyable.
• Optimized Layout: Clean, modern, and fast-loading.
• Pattern Support: Insert additional patterns like testimonials, banners, or highlights to enhance the page.

💡 Tip: Keep a consistent layout across all your pet products for a polished, easy-to-browse shopping experience. You can also create multiple Single Product templates if you want different layouts for toys, food, grooming items, or accessories.

Cart Page

↑ Back to top

The Cart Page is where customers can review the pet products they’ve added — from toys to treats — adjust quantities, apply coupons, and continue to checkout. In Pawsome, the Cart Page is fully integrated with WooCommerce and styled to complement the theme’s warm and playful pet-store look.

Accessing and Editing the Cart Page

• Go to Pages → All Pages and select the Cart page created automatically by WooCommerce.
• You can edit it using the block editor to add custom notices, banners, or patterns above or below the cart table.
• To customize the layout globally, go to Appearance → Editor → Templates → Cart.

Key Features of the Cart Page

• Product List: Displays all items customers added to the cart with thumbnails, product names, pricing, and quantity controls.
• Remove / Update Items: Customers can easily remove a product or adjust the quantity.
• Coupon Field: Apply discount codes for instant savings.
• Cart Totals: Shows subtotal, shipping, taxes, and the final total before checkout.
• Proceed to Checkout Button: A clear call-to-action that guides customers to the payment step.

Customization Tips

• Add trust badges, free-shipping notices, or pet-care messages above the cart area using patterns.
• Rearrange or style cart elements using block settings to match your brand’s colors and style.
• Include optional elements like shipping calculators, bundle suggestions, or related pet products to improve conversions.

💡 Tip: Keep your cart page clean and distraction-free — the goal is to help pet parents move quickly and confidently to checkout.

Checkout Page

↑ Back to top

The Checkout Page is where pet parents complete their purchase by entering their details, choosing a payment method, and placing their order. In Pawsome, the Checkout Page is fully WooCommerce compatible and styled to match the playful, clean, and welcoming feel of your pet store.

Accessing and Editing the Checkout Page

• Go to Pages → All Pages and select the Checkout page created automatically by WooCommerce.
• Use the block editor to add custom notes, banners, or patterns above or below the checkout form.
• To customize the layout globally, navigate to Appearance → Editor → Templates → Checkout.

Key Features of the Checkout Page

• Billing & Shipping Details: Customers enter their contact and delivery information for their pet supplies.
• Order Summary: Shows all the items in the cart — toys, treats, grooming essentials, and more.
• Payment Methods: Includes all supported payment gateways enabled in WooCommerce.
• Place Order Button: Confirms the order and completes the purchase.
• Additional Notes: Customers can leave special instructions (like delivery notes for anxious pets!).

Customization Tips

• Add trust badges, free-shipping reminders, or pet-care tips above the checkout form using patterns.
• Rearrange or style the checkout form using block settings to match your brand’s look.
• Keep the layout clean, simple, and distraction-free to improve checkout completion rates.

💡 Tip: Test the checkout with different payment gateways to ensure everything works smoothly for your customers.

Customizations

↑ Back to top

Site-level Customizations

↑ Back to top

Pawsome gives you several site-wide customization options to help you shape the overall look and personality of your pet store. These settings ensure your entire site — from header to footer — stays consistent, branded, and welcoming for pet parents.

Site Logo

In Pawsome, you can use the standard Site Logo block or an Image block to display your brand’s logo.

To change your logo:

• Navigate to Appearance → Editor.
• In the Site Editor, click the section that contains your Header.
• Select the existing logo inside the header.
• In the toolbar or sidebar, click Replace or Upload.
• Choose:
  • Upload — add a new logo from your computer, or
  • Media Library — pick an existing logo.
• Adjust the Image Width slider to set the size.
• Click Save to apply changes across your site.

💡 Tip: A high-resolution PNG with a transparent background gives your pet store a clean and polished look.

Header

The header is where your store’s first impression begins — logo, menu, search, and more.

To edit your header:

• Go to Appearance → Editor → Patterns → All Template Parts → Header.
• Customize any element using blocks such as:
  • Logo
  • Navigation Menu
  • Search Bar
  • Mini Cart
  • Account / Login Icon

You can also pick from ready-made Header patterns to quickly apply a stylish design that suits your store.

💡 Tip: Each homepage layout includes a matching header style — but feel free to mix and match!

Primary Color

Give your store a playful, friendly vibe with the right colors.

To change your primary site color:

• Go to Appearance → Editor.
• Click Styles in the left panel.
• Select Colors.
• In the Theme palette (defined in theme.json), choose the color you’d like to adjust.
• Use the color picker or enter a hex code.
• To add a new brand color, click the + under CUSTOM.
• Click Save when done.

💡 Tip: Pick colors that reflect your pet brand — warm, playful, and easy on the eyes.

Font

Typography helps set the tone — cute, friendly, bold, or clean.

To update fonts:

• Navigate to Appearance → Editor → Styles.
• Select Typography.
• Under ELEMENTS, customize:
  • Text — for body content
  • Headings — H1 to H6
  • Links, Captions, Buttons — for specialized styling
• Adjust:
  • Font Family (if available)
  • Weight / Style
  • Line Height
  • Letter Spacing
  • Text Case
• Update Font Size Presets under FONT SIZES.
• Save your changes.

💡 Tip: Stick to 2 or 3 fonts for a clean, professional Pawsome look.

Footer

The footer is a perfect place for helpful links, store information, and ways for customers to stay connected.

To edit your footer:

• Go to Appearance → Editor → Patterns → All Template Parts → Footer.
• Customize using blocks such as:
  • Quick Links / Menus
  • Social Media Icons
  • Newsletter Signup
  • Copyright & Store Info

You can also select from Footer patterns to instantly apply a prepared design.

💡 Tip: A consistent footer across all pages improves navigation and keeps your store looking tidy and trustworthy.

WPForms Integration

Pawsome supports WPForms — a powerful drag-and-drop form builder plugin for WordPress — allowing you to easily create and manage contact forms, inquiry forms, and other custom forms throughout your site.

Creating Forms

To create a new form, please make sure the WPForms plugin is installed and activated. You can then create a new form by navigating to WPForms → Add New Form.

After clicking Add New Form, a new page will open where you can build your form using one of the available templates. You can choose from options such as a Simple Contact Form, Signup Form, Suggestion Form, or start with a Blank Form template.

Once you’ve created the form, use the WPForms drag-and-drop builder to add and customize your form fields.

FAQs

↑ Back to top

Help customers by answering commonly asked questions.