Stolik Menu Shortcode Guide: Embed Without Distractions

Home → Documentation → Stolik Menu Shortcode Guide: Embed Without Distractions

Page Setup & Shortcodes

Overview: The Stolik digital menu is designed to function and look like a native mobile app. To achieve a perfectly clean menu and provide your guests with the most immersive experience, it is best to drop standard website elements such as headers, footers, sidebars, and pop-up widgets.

Why hide standard website elements?

Traditional website elements take up valuable screen space and distract hungry customers. A clean, distraction-free page ensures your guests focus solely on your food photos, prices, and effortlessly placing their orders.

How to embed the menu without execution

To display your menu, you need to place the shortcode on your page. Simply copy the code below:

[stolik_menu]

If you want to force a specific language version on a dedicated page, you can use the language parameter:

[stolik_menu lang="en_US"]

How to create a “clean” page in WordPress

Depending on your page builder or theme, hiding the header and footer is usually a simple, one-click setting:

For Elementor Users

  1. Create a new page and name it (e.g., “Menu”).
  2. Paste the shortcode using the Text or Shortcode widget.
  3. Click the gear icon (Settings) in the bottom left corner of the editor.
  4. Change the Page Layout to Elementor Canvas.

For Gutenberg (Block Editor)

  1. Create a new page and add a “Shortcode” block.
  2. Paste the shortcode inside the block.
  3. In the right sidebar under Page settings, look for the Template section.
  4. Select the Blank or No Header/Footer template.

For Popular Themes (Astra, OceanWP, GeneratePress, etc.)

  1. Create your page and add the shortcode.
  2. Scroll down to the Theme/Page Settings meta box below the editor.
  3. Check the boxes for Disable Header, Disable Footer, and Disable Sidebar.

📱 The Magic of Mobile View (Automatic Scaling)

Wondering if you need to write custom CSS to make the menu look good on mobile devices? Absolutely not.

Stolik Menu features a built-in Universal 100vw mobile breakout. When a guest views your page on a smartphone (screens under 900px wide), the menu automatically breaks out of any theme containers to take up 100% of the screen width. The system intelligently ignores your WordPress theme’s default margins and paddings, ensuring the digital menu fits perfectly edge-to-edge.