シードプロッド最新ニュース

ビジネスの成長に役立つWordPressのチュートリアル、ヒント、リソース

How to Add Business Hours WordPress

WordPressに営業時間を追加する方法(ステップバイステップ) 

執筆者 著者イメージ ステイシー・コリン
著者イメージ ステイシー・コリン
ステイシーはWordPressとデジタルマーケティングについて10年以上、その他のトピックについてはもっと長い間執筆している。また、ウェブデザイン、ユーザーエクスペリエンス、SEOにも造詣が深い。
     レビュー Turner John
レビュアーイメージ Turner John
ジョン・ターナーはSeedProdの共同設立者です。彼は20年以上のビジネスと開発の経験があり、彼のプラグインは2500万回以上ダウンロードされています。

Do you want to add your business hours to your WordPress website?

Displaying your opening times can help customers decide the best time to visit your physical store. It’s also an excellent way to indicate when potential customers can call your customer support team for help and advice.

In this article, we’ll show you how to easily add business hours to your website with 2 powerful WordPress plugins.

Why Add Your Business Hours to WordPress

There are many reasons to display business hours on your website. The most obvious reason is to tell customers and clients when you’re “open for business.”

Whether you have physical stores in multiple locations or an online eCommerce site, your business opening hours inform people of the best time to visit or get in touch across different time zones.

For example, a WooCommerce website might use a business hours widget to tell you when you can access live chat for help with sales questions. Alternatively, a business with irregular opening hours can clarify its working hours on its website so that clients can avoid a wasted journey.

Adding opening and closing hours to your website can also help your business appear in local search results. If you add the correct schema.org markup to your business information, your company can appear in Google’s knowledge graph.

Business hours in google local search

Given that almost 46% of Google searches are local, having your business in local search can draw valuable organic traffic to your website and physical stores.

So how do you add business hours to WordPress? Below we’ll share 2 methods that help you add business hours to your website step-by-step.

Method 1: Add Business Hours to WordPress Using SeedProd

Your first instinct may be to look for a WordPress opening hours plugin. While these plugins can help, they often only do one thing, which is a hassle if you don’t like installing many plugins on your site. Moreover, many plugins use shortcodes which, if you uninstall the plugin, can leave junk code behind that you’ll have to remove.

A better solution is to find a useful plugin that offers the functionality of many plugins and addons all in one. That’s why for the first method, we’ll be using SeedProd to display business hours.

SeedProd WordPressウェブサイトビルダー

SeedProd is the best WordPress website builder with drag-and-drop functionality. Its powerful page builder lets you create flexible WordPress layouts without writing PHP, CSS, HTML, and other coding languages.

You can start with a pre-made website kit or landing page template, customize your design with the front-end editor and see the changes in real-time. Displaying your opening and closing times with SeedProd is super easy with its Business Hours block, which takes a few clicks to customize.

Here’s what else you can do with SeedProd:

  • Build a coming soon page
  • WordPressをメンテナンスモードにする
  • Design a custom WordPress login page
  • Make and customize a 404 page
  • Restrict access to pages by user role
  • カスタムWordPressテーマの作成
  • Build high-converting landing pages
  • Collect email addresses with email integrations
  • Promote products with WooCommerce support
  • Create urgency with countdown timers
  • その他いろいろ

Follow the steps below to add business hours to your WordPress site with SeedProd:

ビデオ・チュートリアル

ステップ1.SeedProdのインストールとアクティベート

First, click this link to get started with SeedProd and download the plugin to your computer. You should also visit your SeedProd account and click the downloads tab to copy your plugin license key.

seedprodライセンス・キーをコピーする

Note: we’ll use the Pro version of SeedProd for this tutorial for its theme builder features.

Next, upload the plugin .zip file to your WordPress dashboard and activate it. If you need help getting started, you can follow these instructions on installing a WordPress plugin.

After installing and activating the plugin, navigate to the SeedProd » Settings page and paste the license key you copied earlier.

ライセンスキーを入力する

Now click the Verify Key button and move on to step 2.

ステップ2.WordPressテーマまたはランディングページを作成する

There are 2 ways to use SeedProd’s visual editor and customizable blocks:

  1. Theme Builder: create a custom WordPress theme, replacing your existing theme with fully customizable template parts.
  2. Landing Page Builder: create a standalone landing page that works seamlessly with your current WordPress theme.

Both solutions will let you use SeedProd’s drag-and-drop editor and Business Hours block to show your working hours. So pick the option that best fits your business needs.

To help you out, here is a step-by-step guide on how to create a custom WordPress theme with SeedProd. Alternatively, you can follow these instructions to create a landing page in WordPress.

Once you’ve chosen a website kit or landing page template and are ready to add your business hours to WordPress, move on to step 3 of this tutorial. For the sake of this guide, we’ll choose the Theme Builder option.

Step 3. Add the Business Hours WordPress Block

Now that the foundation of your WordPress design is in place, you’re ready to customize it with your business hours. With SeedProd’s theme builder, you can add business hours to WordPress pages, header, footer, and even your WordPress sidebar.

Let’s start with a page to show you how easy it is.

Adding Business Hours to WordPress Page

First, edit any page with SeedProd to see the visual page builder interface. We’ll edit the contact page for this guide.

SeedProd ドラッグ&ドロップ式ページビルダー

You’ll see a 2-column interface with customizable blocks on the left and a live preview of your page on the right. Clicking anywhere on the preview will let you edit any element.

For example, clicking the Icon Box will open the block settings panel, where you can edit the icon, title, description, and more.

Customize Icon Box in SeedProd

You can also remove elements you don’t need by hovering over them and clicking the trash can icon. A tooltip will pop up to remind you of what each option means.

Delete SeedProd WordPress block

To add your business hours, look for the Business Hours block in the left-hand panel and drag it onto your page.

Add SeedProd Business Hours block

From there, you can customize the block to suit the weekdays and times your business is open. You can also adjust the font size, spacing, and alignment and add new times for special dates, such as holiday opening times.

Business hours block customization settings

Inside each date and time is a toggle you can enable that lets you customize each entry individually. This will allow you to choose custom colors for the font text and add background colors to make your working hours stand out.

Business Hours block styling settings

If you’re struggling to find a good design, click the Templates tab in the block settings. Doing so will give you several pre-made templates you can apply with 1 click.

Business hours WordPress templates

Moreover, the Advanced tab offers further customization options for typography, separators, spacing, visibility, and more.

Click the Save button in the top right corner of your screen when you’re happy with your business hours design.

Save SeedProd page

Now we’ll show you a helpful trick that lets you re-use this block elsewhere on your site without customizing it from scratch again.

Hover over your business hours and click the Save icon.

Save Business Hours WordPress block

A popup will appear where you can give your block a name. Name the block something easy to recognize, such as “Custom Business Hours,” then click the Save Template button.

Enter a saved block name

Next, scroll to the bottom of your blocks panel and open the Saved Blocks tab. Now you’ll see your saved custom business hours widget, which you can use on other pages of your WordPress site.

SeedProd 保存ブロック

次はその方法を紹介しよう。

Adding Business Hours to WordPress Sidebar

To add your opening hours to a custom sidebar with SeedProd, first ensure you’ve created a sidebar template, then open your design in the drag-and-drop page builder.

Note: you can check out this step-by-step guide to create a custom sidebar template.

Once you’re inside the page builder, open your Saved Blocks tab and drag your custom Business Hours block onto your sidebar.

Add business hours WordPress block to sidebar

Instead of re-building your business hours from scratch, the block will have all the customization options you set in the previous step. This can save a lot of time during the design process.

Remember to save your changes before moving on to step 4.

Step 4. Publish Your Business Hours on Your Website

When you’re ready to make your opening times live, navigate to the backend of your site and click through to the SeedProd Theme Builder dashboard.

Even if you’ve published your pages in the page builder, you’ll need to turn your SeedProd theme on to make it live. To do that, find the Enable SeedProd Theme toggle and turn it to the “Yes” position.

seedprodテーマを有効にする

Now you can preview your website to see your business hours. Here are some examples from the pages in this tutorial. If you can’t see your changes, clear your browser’s caching and refresh the page.

Contact Page:

Business hours WordPress contact page

Blog Sidebar:

Business hours in WordPress sidebar

それだけだ!

Method 2: Add Opening Hours to WordPress Using All in One SEO

The next method is an easy way to add opening hours to WordPress if you don’t want to use a page builder or a business hours indicator plugin.

オール・イン・ワン

We’ll be using All in One SEO, the best WordPress SEO plugin on the market. It lets you optimize your website for search engines, and with its Local SEO feature, you can add business hours to your website.

Note: you’ll need at least the Plus pricing plan to access the Local SEO module.

Step 1. Install and Activate All in One SEO (AIOSEO)

First, install and activate the All in One SEO for WordPress plugin.

After activating the plugin, it will run a setup wizard that helps you configure your site for SEO. If you need more help, follow the steps in this guide to set up All in One SEO for WordPress.

All in One SEO Setup Wizard

Step 2. Add Your Business Hours

After configuring your website details, go to the All in One SEO » Local SEO page to enter your business information.

First, turn the Multiple Locations toggle to the “Yes” position. Even if you only have one location to add, you can still enable this feature.

Enable multiple locations

Next, click the Opening Hours tab at the top of your screen.

This is where you can add your business hours and time formats, which AIOSEO will use as your default locations. If needed, you can set business hours for each location.

You’ll need to scroll down the page to find individual times for each day of the week and enable the 24/7 and 24-hour formats. Beside each weekday, you can also click the checkbox to set your time to 24 hours or closed.

Add business hours to WordPress

Remember to click the Save Changes button to store your settings.

After setting up local SEO, you can move on to adding your business information and location.

Step 3. Create Your Business Locations

To do that, navigate to Locations » Add New and give your location a title.

Add business location

After that, scroll down to the AIOSEO Local Business section and add your business information under the Business Info tab.

AIOSEO Local Business business information

This section will let you enter your business name, type, image, address, contact details, phone number, payment information, and the geographic area you serve.

With your details in place, switch to the Opening Hours tab. In this panel, you can add new business hours or use the default opening times you set earlier.

AIOSOE Local Business opening hours

When you’re finished, click the Publish button to store your location. You can repeat this process for each business location you need working hours for.

Step 4. Display Your Business Hours

Like SeedProd, All in One SEO lets you show your business hours anywhere on your website. Its premade WordPress blocks allow you to add business hours to any post or page with a few clicks.

All you need to do is edit a post or page and look for the AIOSEO blocks. There are blocks for:

  • AIOSEO Local Open Hours
  • AIOSEO Local Business Info
  • AIOSEO Local Locations blocks.

You’ll need the ‘AIOSEO Local Open Hours’ block to show your business hours.

After embedding the block, you can choose the location you want to display from the block settings panel.

AIOSEO opening hours WordPress block widget

Remember to click the Publish or Update button to make your page live.

Afterward, you can visit your website and see your business hours in action.

Business hours WordPress AIOSEO example

そうだ!

You now know how to add business hours to WordPress. Ready to dive in with custom business hours?

You might also like these other WordPress tutorials and guides:

お読みいただきありがとうございました!ご質問やご意見がありましたら、お気軽にコメントをお寄せください。

また、YouTubeX(旧Twitter)Facebookでも、ビジネスの発展に役立つコンテンツを配信しています。

著者アバター
ステイシー・コリン ライター
ステイシーはWordPressとデジタルマーケティングについて10年以上、その他のトピックについてはもっと長い間執筆している。また、ウェブデザイン、ユーザーエクスペリエンス、SEOにも造詣が深い。

情報開示私たちのコンテンツは読者支援型です。つまり、あなたが私たちのリンクをクリックした場合、私たちはコミッションを得る可能性があります。私たちは、読者に付加価値をもたらすと信じる製品のみを推薦します。