Housecall documentation

Housecall home page

A WordPress theme for plumbers, electricians, heating and cooling engineers, roofers, cleaners and handymen: six trade demos, quote requests, service areas and before/after photos.

Thank you for choosing Housecall. This guide takes you from a fresh WordPress site to a copy of the demo with your own details. If something is not covered here, write to support@codememory.com — we answer within one working day.

  • Version1.0.0
  • WordPress6.5 or later
  • PHP7.4 or later
  • Live demoOpen the demo

Highlights

  • Six trade demos imported in one click
  • Quote request form, saved in your dashboard
  • Service area checker (towns and postcodes)
  • Before/after photo slider for your work
  • Services, projects, team and reviews
  • 18 Elementor widgets (free Elementor)
  • Every section also works as a shortcode
  • Three header layouts and a 24/7 top bar
  • Call / quote bar on phones
  • Light and dark mode
  • Colours and fonts from the Customizer
  • Block patterns and every core block styled
  • Self-hosted fonts, nothing loaded from Google
  • Translation ready, right-to-left support
  • Child theme included

What is in the download

themeforest-housecall-wordpress-theme/
├── housecall.zip               ← the theme: upload this in WordPress
├── housecall-child.zip         ← child theme, for your own code changes (optional)
├── plugins/housecall-core.zip  ← the theme's plugin (also installed from inside the theme)
├── demo-content/               ← demo files for a manual import
├── documentation/              ← this guide, as HTML and PDF
└── licensing/                  ← GPL licence, font licences and credits
Upload housecall.zip, not the whole download. Uploading the download zip gives the error "The package could not be installed. The theme is missing the style.css stylesheet."

Requirements

  • WordPress 6.5 or later (tested up to 7.1).
  • PHP 7.4 or later (8.2 or later recommended).
  • For the demo import: PHP memory_limit 256M, max_execution_time 300, upload size 32M. Most hosts already allow this; if an import stops half-way, ask your host to raise these values.

Every plugin the theme uses is free from wordpress.org. Nothing needs a paid licence.

Installing the theme

  1. In your dashboard, go to Appearance → Themes → Add New Theme → Upload Theme.
  2. Choose housecall.zip and click Install Now, then Activate.
  3. Optional: install and activate housecall-child.zip the same way (see Child theme).

Upload by FTP instead: unzip housecall.zip and copy the housecall folder to wp-content/themes/, then activate it under Appearance → Themes.

Plugins

After activation, a notice at the top of the dashboard lists the plugins the theme uses. Click Begin installing plugins (or go to Appearance → Install Plugins), select them all, choose Install, then activate them.

PluginWhat it adds
Housecall CoreRequiredServices, projects, team, reviews, quote form, service areas, widgets, shortcodes and the demo import. Included with the theme.
ElementorRecommendedThe free page builder used for the demo pages. The theme's own widgets appear in Elementor's Housecall group.
One Click Demo ImportRecommendedImports a demo in one click. You can remove it after the import.

The theme works without any plugin: posts, pages, menus, widgets and search are styled the same. The plugin is needed for the trade features (services, quote form…).

Importing a demo

The import gives you the demo site: pages, services, projects, team, reviews, posts, menus, widgets and the Customizer settings. Use it on a new site: it adds content next to what you already have.

  1. Install the plugins above.
  2. Go to Appearance → Import Demo Data.
  3. Pick a demo and click Import. It takes one to three minutes; keep the page open.
  4. Done: visit your site. The home page, menus and blog page are already set.
DemoHome pageAccent
Plumbing/home-plumbing/#1c6cd9
Electrical (dark)/home-electrical/#f2b705
Heating & Cooling/home-hvac/#c73e24
Roofing/home-roofing/#b1542d
Cleaning/home-cleaning/#0f7e63
Handyman/home-handyman/#f2661c

All six home pages are imported with every demo; the demo you pick decides which one is the front page and which colours and header the Customizer uses. To switch later, go to Settings → Reading and choose another home page.

The photos on the live demo are licensed for the demo only, so the import uses grey placeholder images. Replace them with your own photos (Media → Library, or the featured image of each item).

Manual import

If the one-click import is blocked by your host, use the files in demo-content/:

  1. Tools → Import → WordPress (install the importer when asked) → upload content.xml.
  2. Install Widget Importer & Exporter → Tools → Widget Importer & Exporter → upload widgets.wie.
  3. Install Customizer Export/Import → Appearance → Customize → Export/Import → upload customizer-<demo>.dat.
  4. Appearance → Menus → Manage Locations: set the main, top bar and footer menus. Settings → Reading: choose the home and blog pages.

After the import: your details

The demo uses a made-up phone number, address and service area. Replace them with yours, in this order:

  1. Phone number and top bar: Appearance → Customize → Housecall options → Header and top bar. Set Phone number, Top bar text (your opening hours) and the Emergency label. Every "Call" button on the site uses this number.
  2. Logo and site icon: Appearance → Customize → Site Identity.
  3. Colours: Appearance → Customize → Colors. The six demo home pages each have their own accent colour (see Page options); clear it there to use the Customizer colour.
  4. Service areas and quote emails: Settings → Housecall Core (see Quote requests and Service areas).
  5. Footer widgets: Appearance → Widgets → Footer column 1–4: edit the Contact details and Opening hours widgets.
  6. Your content: edit the services, projects, team members and reviews in the dashboard menus of the same names, and replace the grey placeholder photos with your own.

Services, projects, team and reviews

The Housecall Core plugin adds four content types to the dashboard. Each one has a Details box under the editor.

MenuUsed forDetails
Services
/services/
One page per job you do (leak repair, boiler service…). Shown by the Services widget and on the services archive.Icon, price ("From $89"), price note, typical time, what is included (one item per line). Group services with Trades (plumbing, electrical…).
Projects
/projects/
Finished jobs with before and after photos.Before photo, after photo, location, time on site, client type. With both photos set, the project page shows a drag slider.
Team
/team/
Your people.Job title, years of experience, licences and certificates. The featured image is the portrait.
ReviewsCustomer reviews shown by the Reviews widget (no page of their own).Rating, customer location, service they had, where the review was left (Google, Facebook…). The title is the customer's name; the text is the review.

The featured image of a service, project or post is used on its card and at the top of its page. Use landscape photos at least 1600 × 760 px.

Quote requests

The Quote form widget (or the [housecall_quote_form] shortcode) asks for name, phone, email, town or postcode, the service they need and a message. It has spam protection built in (a hidden field and a limit on repeated sends) and needs no other plugin.

  • Every request is saved under Quote requests in the dashboard, with a counter of new ones. Open a request to see the details and set its status: New, Contacted, Booked, Closed.
  • Settings → Housecall Core → Quote requests: turn email alerts on or off, choose the address (empty = the site admin email), and edit the thank-you message and the privacy note under the form.
  • Emails are sent by WordPress. If they do not arrive, install an SMTP plugin such as WP Mail SMTP; requests are saved in the dashboard either way.

Prefer Contact Form 7 or another form plugin? Put its shortcode in a Text Editor widget instead. Everything else keeps working.

Service areas

Settings → Housecall Core → Service areas: list the towns and postcodes you cover, one per line. The Service area checker widget lets visitors type their town or the start of a postcode ("OK4") and tells them whether you cover it, with the two messages you set on the same page (%s is replaced by what they typed). Turn on List the areas in the widget to show every area as tags under the checker.

Page options

Each page has a Page options box in the editor sidebar:

  • Accent colour for this page: overrides the Customizer accent on this page only. The demo uses it to give each trade home page its own colour.
  • Colour scheme: light or dark for this page only (the Electrical demo is dark).
  • Header layout: classic, centered or contact, for this page only.

Leave them empty to follow the Customizer.

Page templates

TemplateUse
DefaultPage title band, content and no sidebar.
Full width, no titleFor pages built with Elementor: the content fills the screen and you add your own hero. All demo pages use it.
Full width with title bandThe title band, then full-width content.

Customizer settings

Appearance → Customize. Colours are in the Colors section; everything else is in the Housecall options panel. Changes show in the preview before you publish them.

SettingTypeDefault
Colors
Accent colour (buttons, links, icons)color#f2661c
Ink colour (text, header, footer)color#0e2433
Paper colour (page background)color#f6f3ec
Style and fonts
Colour schemeselectLight
Show a light/dark switch in the headercheckboxOn
Heading fontselectBricolage Grotesque
Body fontselectFigtree
Body text size (px)number17
Corner rounding (px)number14
Header and top bar
Header layoutselectClassic: logo left, menu right
Keep the header visible while scrollingcheckboxOn
Show the search buttoncheckboxOn
Header button texttextempty
Header button linkurlempty
Show the top barcheckboxOn
Top bar text (for example your opening hours)textempty
Phone numbertextempty
Emergency label next to the phone (for example "24/7 emergency")textempty
Footer
Widget columnsselect4
Footer text (links allowed). Leave empty for the site name and year.textareaempty
Show a back-to-top buttoncheckboxOn
Blog
Post list layoutselectGrid of cards
SidebarselectRight
Show the author on postscheckboxOn
Show the date on postscheckboxOn
Show related posts under each postcheckboxOn
Mobile call bar
Show a call / quote bar at the bottom of phone screenscheckboxOn
Second button text (the first button calls your phone number)textempty
Second button linkurlempty

The site title, tagline, logo, site icon, background and homepage settings are WordPress's own, in Site Identity, Background image and Homepage Settings.

Widgets

Appearance → Widgets. Areas: Blog sidebar and Footer column 1 to Footer column 4 (set the number of footer columns in the Customizer). The plugin adds three widgets, named Housecall: … in the widget list:

  • Contact details — phone, email, address, each with a link.
  • Opening hours — one line per day or range, with an optional note.
  • Services list — links to your services, optionally from one trade.

Building pages with Elementor

All demo pages are built with the free Elementor plugin and the theme's widgets.

  1. Create a page, set its Template to Full width, no title, and click Edit with Elementor.
  2. Search for the widget or open the Housecall group in the left panel and drag a widget onto the page.
  3. Edit its text and options in the left panel. Every widget has a Background option (light, paper, dark or accent colour) so sections alternate like the demo.

The widgets fill themselves from your content: Services, Projects, Team, Reviews and Latest posts show the items you add in the dashboard. List fields (prices, steps, questions…) take one item per line, with the parts separated by |, as the help text under each field shows.

Elementor's own Google Fonts loading is switched off by the demo import, so the site keeps using the theme's self-hosted fonts.

Without Elementor: shortcodes

Every widget is also a shortcode, so you can build the same sections in the block editor: add a Shortcode block and type, for example:

[housecall_services count="6" columns="3"]
[housecall_stats items="25+|Years in the trade||4.9|Average rating"]
[housecall_quote_form title="Get a free quote"]

Options are the same as in Elementor. In list options, separate items with || and parts with |. Images take an attachment ID (Media → Library → the number in the address) or a full URL.

Hero — [housecall_hero]
OptionWhat it does
layoutLayout
Choices: split, cover
primary_labelButton text
primary_urlButton link
show_phoneShow the phone number (from the Customizer)
secondary_labelSecond button text (when the phone is hidden)
secondary_urlSecond button link
badgesTrust points, one per line
imagePhoto
ratingRating (for example 4.9/5)
rating_textRating note (for example "from 1,200 reviews")
card_titleFloating card title
card_textFloating card text

Also: eyebrow, title, text.

Services — [housecall_services]
OptionWhat it does
countHow many
tradeOnly this trade (slug, optional)
styleStyle
Choices: cards, icons
show_priceShow prices
more_labelButton under the grid
more_urlButton link

Also: eyebrow, title, text, columns, tone.

Projects — [housecall_projects]
OptionWhat it does
countHow many
tradeOnly this trade (slug, optional)
more_labelButton under the grid
more_urlButton link

Also: eyebrow, title, text, columns, tone.

Before and after — [housecall_compare]
OptionWhat it does
beforeBefore photo
afterAfter photo
before_labelBefore label
after_labelAfter label
pointsPoints, one per line

Also: eyebrow, title, text, tone.

Reviews — [housecall_reviews]
OptionWhat it does
summarySummary line (for example "4.9 average from 1,240 reviews")
countHow many

Also: eyebrow, title, text, columns, tone.

Team — [housecall_team]
OptionWhat it does
countHow many

Also: eyebrow, title, text, columns, tone.

Numbers — [housecall_stats]
OptionWhat it does
itemsNumbers as Value|Label, one per line

Also: tone.

Why choose us — [housecall_features]
OptionWhat it does
itemsFeatures as icon|Title|Text, one per line. Icons: shield, clock, tag, star, badge, check, truck, leaf, home, users, wrench, bolt, flame, droplet, sparkle, hammer.
imagePhoto (optional)

Also: eyebrow, title, text, columns, tone.

How it works — [housecall_steps]
OptionWhat it does
itemsSteps as Title|Text, one per line

Also: eyebrow, title, text, tone.

Prices — [housecall_pricing]
OptionWhat it does
itemsOne price per line: Name|Price|Note|Feature; Feature; Feature|yes (to highlight)|Button text|Button link
noteSmall print under the prices

Also: eyebrow, title, text, tone.

Questions — [housecall_faq]
OptionWhat it does
itemsQuestions as Question|Answer, one per line

Also: eyebrow, title, text, tone.

Call to action — [housecall_cta]
OptionWhat it does
button_labelButton text
button_urlButton link
show_phoneShow the phone number

Also: title, text, tone.

Trust strip — [housecall_trust]
OptionWhat it does
itemsBadges as icon|Text, one per line

Also: tone.

Service area checker — [housecall_area]
OptionWhat it does
placeholderField placeholder
buttonButton text
show_listList the areas (from Settings → Housecall Core)

Also: eyebrow, title, text, tone.

Latest posts — [housecall_posts]
OptionWhat it does
countHow many
categoryOnly this category (slug, optional)

Also: eyebrow, title, text, tone.

Emergency banner — [housecall_emergency]
OptionWhat it does
phonePhone (empty = the Customizer phone)

Also: title, text, tone.

Text and photo — [housecall_about]
OptionWhat it does
imagePhoto
badge_valueBadge number (for example 25+)
badge_labelBadge text
pointsPoints, one per line
button_labelButton text
button_urlButton link
reversePhoto on the right

Also: eyebrow, title, text, tone.

Quote form — [housecall_quote_form]
OptionWhat it does
layoutLayout
Choices: split, stacked
pointsPoints beside the form, one per line
buttonButton text
show_phoneShow the phone number

Also: eyebrow, title, text, tone.

Shortcodes: [housecall_hero], [housecall_services], [housecall_projects], [housecall_compare], [housecall_reviews], [housecall_team], [housecall_stats], [housecall_features], [housecall_steps], [housecall_pricing], [housecall_faq], [housecall_cta], [housecall_trust], [housecall_area], [housecall_posts], [housecall_emergency], [housecall_about], [housecall_quote_form].

Block editor and patterns

Posts and simple pages use the WordPress block editor. Every core block is styled to match the theme, and the editor shows the theme's fonts and colours. Click + → Patterns → Housecall for ready-made sections: hero with call button, three services, call to action, questions and answers, three reviews, price table and contact details. The theme also adds block styles: Card (Group), Check marks (List), Eyebrow (Paragraph) and Framed (Image).

Blog

Settings → Reading → Posts page sets the page that lists your posts (the demo uses "Blog"). Choose a grid or list layout and the sidebar position in Customize → Housecall options → Blog. Posts show the author, date, category, share links (turn them off in Settings → Housecall Core) and related posts.

Light and dark mode

Customize → Housecall options → Style and fonts → Colour scheme: Light, Dark or Follow the visitor's device. With Show a light/dark switch on, visitors can switch with the moon button in the header; their choice is remembered on that device. A single page can be forced to light or dark in its Page options.

Child theme

If you want to change the theme's code, install housecall-child.zip and activate Housecall Child. Put your CSS in the child theme's style.css and your PHP in its functions.php; copy a template file from housecall into the child theme to override it. Theme updates replace the parent theme only, so your changes are kept.

Small style changes do not need a child theme: use Customize → Additional CSS.

Translation and right-to-left

Every text in the theme and the plugin can be translated. The templates are housecall/languages/housecall.pot and housecall-core/languages/housecall-core.pot.

  1. Easiest: install Loco Translate → Loco Translate → Themes → Housecall → New language, and translate in your browser. Do the same under Plugins for Housecall Core.
  2. Or use Poedit: open the .pot file, translate, and save the files as housecall-fr_FR.po/.mo in wp-content/languages/themes/.

Right-to-left languages (Arabic, Hebrew, Persian…) are supported: when WordPress runs in such a language, the layout mirrors automatically.

Updating

When a new version is released, download it from your ThemeForest Downloads page. Then either:

  • Appearance → Themes → Add New Theme → Upload Theme → choose the new housecall.zip → Replace current with uploaded; or
  • replace the wp-content/themes/housecall folder by FTP.

When the theme comes with a newer Housecall Core, the dashboard notice offers to update the plugin. Your content, menus, widgets and Customizer settings are kept. Changes you made to the parent theme's files are lost: keep them in the child theme.

Questions

"The package could not be installed. The theme is missing the style.css stylesheet."

You uploaded the whole download. Unzip it first and upload housecall.zip only.

The import stopped or shows an error.

Your host stopped the import early. Ask them to raise max_execution_time to 300 and memory_limit to 256M, then run the import again: items already imported are skipped.

The pages look plain after the import.

Activate Elementor and the theme's plugin, then reload. Without Elementor, the pages show the same sections through shortcodes.

Quote request emails do not arrive.

Requests are always saved under Quote requests. For email, check the address in Settings → Housecall Core and install an SMTP plugin such as WP Mail SMTP; many hosts block WordPress's default mail.

Where are the demo photos?

They are licensed for the live demo only, so the import uses placeholders. Add your own photos in Media → Library and set them as featured images.

How do I change the font?

Customize → Housecall options → Style and fonts → heading and body font. All fonts are included in the theme; no Google Fonts requests.

How do I remove the top bar or the phone bar on mobile?

Customize → Housecall options → Header and top bar → Show the top bar, and Mobile call bar.

Can I use the theme on more than one site?

A Regular licence covers one site (one end product). Buy one licence per site.

Support

Support is included with your purchase and covers questions about the theme's features and fixing bugs. It does not cover custom changes or problems caused by other plugins.

Email support@codememory.com with your purchase code and your site address. See the changelog for what changed in each version and third-party materials for credits.