Flash Image

Celebrating 80K Gutenkit Installs 👉 Claim Your 25% Discount!

Eid Holiday Notice: 👉 Support will be slower May 25 – June 1 for the Eid break.

Inline Popup

An inline popup is a compact UI element that appears within the current interface to present brief content or quick actions without interrupting the user’s flow. You can easily create and customize it using PopupKit, making it a flexible solution for lightweight interactions.

With PopupKit, you simply select the Inline campaign type, configure where it should appear, and place its shortcode on your desired page.

Steps to follow:


✅ Step 1: Open a Popup
Open your WordPress dashboard, go to PopupKit, and either create a new campaign or edit an existing popup.
✅ Step 2: Select Inline Type
From the campaign type options, select Inline and copy the generated shortcode.
✅ Step 3: Set Conditions
Set display conditions by including a specific page, post, or child page where you want the popup to appear.
✅ Step 4: Add Shortcode
Paste the shortcode into your chosen page or post, save, and preview the result.

Przykład: If you want to show an inline popup on a “Sample Page,” select Inline as the campaign type, set the display condition to include that page, then paste the shortcode into the page content. Once published, the popup will appear exactly where the shortcode is placed.

Takeaway: An inline popup in PopupKit works as an embedded element controlled by shortcode placement, giving you precise control over where and how it appears within your content.

Inline Popup with PopupKit #

Let’s follow the simple steps.

Step 1: Open any Active Popup #

From your WordPress dashboard, go to PopupKit and create a new campaign or open any active popup.

Open any active popup

Step 2: Find Campaign type Inline #

From the Campaign type list choose Inline.

From the Campaign type list choose Inline

Copy the campaign shortcode.

Copy the Inline popup shortcode

Set display conditions to show Inline popup.

  • Kliknij Warunki wyświetlania
  • Wybierać Włączać i wybierz Singular z listy rozwijanej
  • Wybierać Child Page (or Page/Post) pick your specific page, like “Sample Page”
  • Zapisz zmiany
Set display conditions to show Inline popup

Step 3: Apply the Shortcode #

Paste the shortcode, save the changes and view it.

Paste the shortcode, save the changes and view it

Jakie są Twoje uczucia?

Updated on kwiecień 2, 2026