RestroFood is an excellent tool for restaurant owners who want to add flexibility and convenience to their website, allowing for easy ordering, delivery checks, and more. One of RestroFood’s most powerful features is its use of shortcodes, which provide a simple way to enhance your site without complex coding. In this guide, we’ll walk through how to use RestroFood shortcodes, including examples and customization tips.

Restrofood provides awesome and flexible shortcodes to increase user experience and flexibility.

Product Page Shortcode:

Shortcode Example 1:
[restrofood_products]
Use this shortcode to show products with all default settings

Shortcode Example 2:
[restrofood_products col=”4″ cat=”accessories” layout=”grid” sidebar=”yes” search=”yes”]
Use this shortcode with an attribute to change settings like yours.

Delivery ability checker form:

Shortcode Example 1:
[restrofood_delivery_ability_checker]
Use this shortcode to show products with all default settings

Shortcode Example 2:
[restrofood_delivery_ability_checker button_text=”search”]
Use this shortcode with an attribute to change settings like yours.

Flow the screenshot to find the shortcode from the admin settings page:

What is a Shortcode?

Shortcodes are small snippets of text that you can insert into your website content to trigger a specific feature or function. In WordPress, shortcodes make it possible to add dynamic elements with ease. For example, if you want to display a list of products or create a delivery area checker, RestroFood’s shortcodes allow you to do this in seconds.

Why Use RestroFood Shortcodes?

Using RestroFood shortcodes can make it easy to:

• Display products dynamically on your site.
• Customize layouts, columns, categories, and other display settings.
• Add interactive forms for users to check delivery eligibility.

Shortcodes offer flexibility without requiring any knowledge of HTML or CSS, allowing you to build a user-friendly experience that suits your restaurant’s needs.

Getting Started with RestroFood Shortcodes

To begin using shortcodes in RestroFood, you need to have access to the plugin’s Documentation section, where various shortcode options are listed.

RestroFood Shortcodes for Product Pages

Product pages are essential for showcasing the items available for order. RestroFood provides shortcodes that allow you to easily display these products, adjust layouts, and enhance user experience.

Basic Product Page Shortcode

The most basic shortcode for displaying your products is:

plaintextCopy code[restrofood_products]

This shortcode will display products with the default layout settings, making it easy to get a product listing up and running quickly. This is perfect for users who want a simple, no-fuss setup.

Customized Product Page Shortcode

If you want more control over how the products are displayed, you can use attributes within the shortcode. Here’s an example:

plaintextCopy code[restrofood_products col="4" cat="accessories" layout="grid" sidebar="yes" search="yes"]

In this example, you can see how different attributes allow customization of the product display. Here’s a breakdown of what each attribute does:

• col=”4″: Sets the number of columns. In this case, it displays four products per row.
• cat=”accessories”: Filters products by category. Only products within the “accessories” category will appear.
• layout=”grid”: Sets the layout style. The grid layout offers a structured appearance that many users prefer.
• sidebar=”yes”: Displays a sidebar. This is useful if you want to include additional navigation or filters.
• search=”yes”: Adds a search bar for users to search for products directly within the product listing page.

Customizing product pages with these attributes helps create a more personalized shopping experience for your customers.

RestroFood Delivery Ability Checker Shortcode

Another essential feature of a restaurant website is the Delivery Ability Checker. This feature allows users to check if delivery is available in their area before placing an order.

Basic Delivery Ability Checker Shortcode

The default delivery checker shortcode is:

plaintextCopy code[restrofood_delivery_ability_checker]

This will add a basic form where users can enter their details to see if delivery is available in their area. It’s simple, effective, and helps manage customer expectations.

Customized Delivery Ability Checker Shortcode

If you want to tailor the delivery checker further, you can add attributes to modify it. For instance:

plaintextCopy code[restrofood_delivery_ability_checker button_text="search"]

In this example, button_text=”search” changes the text displayed on the button. By adjusting this attribute, you can make the form more intuitive for your audience.

How to Find and Add Shortcodes in RestroFood?

To access and configure shortcodes directly from the admin settings page, follow these steps:

1. Log in to your WordPress Dashboard.
2. Navigate to RestroFood Settings.
3. Locate the Shortcodes section, where you can view all available shortcodes and their attributes.
4. Copy the desired shortcode and paste it into the WordPress editor on any page or post where you want the feature to appear.

This allows you to insert RestroFood functionality anywhere on your website with just a few clicks.

Advanced Tips for Using RestroFood Shortcodes

Using shortcodes can be straightforward, but here are some advanced tips to get the most out of them:

Combine Shortcodes with Page Builders

If you use a page builder like Elementor or WPBakery, you can integrate shortcodes into your custom layouts. Drag and drop a Shortcode Widget or Text Block and paste the RestroFood shortcode into it. This lets you add features exactly where you want them within your custom design.

Experiment with Attribute Values

Don’t hesitate to experiment with different attribute values to see what looks best for your website. For example:

• Changing col=”4″ to col=”3″ can create a different grid structure.
• Using layout=”list” instead of layout=”grid” can give a cleaner look for mobile visitors.

These small changes can significantly impact the user experience and create a better visual flow on your site.

Use Shortcodes for Seasonal Promotions

If you run seasonal promotions or special categories (like holiday-themed items), use the cat attribute in the product page shortcode to feature specific items only. For instance:

plaintextCopy code[restrofood_products col="3" cat="seasonal" layout="grid"]

This can help drive engagement with limited-time offers and encourage customers to explore what’s new.

Combine Shortcodes on a Single Page

You can use multiple shortcodes on a single page to create a comprehensive ordering experience. For example, place the Product Page Shortcode at the top of the page and the Delivery Ability Checker below it. This layout can guide customers seamlessly from product selection to delivery eligibility.

Frequently Asked Questions About RestroFood Shortcodes

Using shortcodes in RestroFood is a user-friendly process, but here are a few common questions that may arise:

Final Thoughts on Using RestroFood Shortcodes

The RestroFood shortcodes give you an incredible amount of flexibility when designing your website. They allow you to create tailored user experiences that can streamline the ordering process, improve delivery management, and drive engagement. With just a few shortcode snippets, you can transform your website into an efficient, user-friendly online restaurant solution.

If you haven’t already explored these options, now is the time. Take advantage of RestroFood’s powerful shortcodes to enhance functionality and give your users the smooth, convenient experience they expect.