How to Create an Inquiry Form That Pops Up and Displays on a Specific Page

[vijayk]

Hi everyone,

I’m trying to set up an inquiry form on my Shopify store with the following requirements:

1. The form should display only on a specific page (e.g., a product page or a custom information page).

2. The form should appear as a popup when a visitor lands on or interacts with that page.

3. The popup should be closable by the visitor (e.g., with a close “X” button).

Could someone guide me on how to implement this?
I’m open to using custom code or third-party apps if required, but I would prefer a simple and clean solution that’s compatible with Shopify’s native theme editor or the Dawn theme.

Thanks in advance for your help!

[websensepro]

Hi @vijayk ,

Kindly provide your store URL, and if it is password protected, please share the password.

Thanks

[vijayk]

Hello,

Thanks for your response.

We’ve implemented your mega menu on our store, and it’s working well.
Here’s the store URL: www.zipnowbags.com

I’m using Shopify Forms and currently have a general form setup, but I need more page-specific control.

Here’s what I’m trying to achieve:

1. A dedicated form only for the Gifting page – this form should not appear on other pages.

2. A separate inquiry form for Retailer Inquiry (on a different page or just an pop up when someone click the link).

3. Another independent form for the Contact Us page.

At the moment, the form I created appears on all pages, which is not ideal.

Is there a way to:

• Assign or embed specific forms to individual pages only?

• Create and manage multiple unique forms (one for each purpose)?

• Prevent forms from appearing globally across the site?

Any suggestions or best practices would be greatly appreciated!

Thanks in advance!
– Vijay

[Dan-From-Ryviu]

Hi @vijayk

You can try using Klaviyo app to create a form and set it to display a pop-up on a specific page only.

[topnewyork]

Hi @vijayk ,

Great to hear the mega menu is working well! Yes, you can definitely have different forms on specific pages in Shopify. To do this, create separate Pages in your Shopify admin (e.g., Gifting, Retailer Inquiry, Contact Us), and then embed each unique form directly into the content of that page using either Shopify Forms embed code or custom HTML. Avoid placing the form in global sections like the footer or theme layout, as that will make it appear everywhere. You can also use Liquid code in your theme to show forms only on certain pages using page handles or templates.

For the Retailer Inquiry form as a popup, you can trigger a hidden div using a simple JavaScript function or modal popup library. If Shopify Forms doesn’t offer enough control, you might consider using an app like POWR Form Builder or HulkApps Form Builder, which gives better flexibility and form placement options. Let me know if you need help setting this up—I’d be happy to walk you through it!

Thanks!

[vijayk]

Hello,

Thank you for your detailed response—really appreciate your guidance!

You’re absolutely right that embedding unique forms on individual pages is possible using custom HTML or Liquid. I’ve already created a custom HTML form, which you can see live on our Gifting page. However, I noticed that Shopify Forms shows the form across all pages and doesn’t allow targeting specific pages only, which is why I opted for a custom solution.

That said, I’m now considering using a third-party app instead. My thinking is that an app might offer better flexibility in the long run—especially if we plan to build automation flows, segment visitors, or view inquiries in a centralized dashboard.

For the Retailer Inquiry form, I’m planning to simply place a link in the footer menu. When a visitor clicks the link, the form should appear as a popup rather than redirecting to a separate page. This would make the process smoother and more user-friendly.

If you have any app recommendations that support this kind of setup—popup forms triggered by page visits or clicks—I’d love to hear them.

Thanks again for your support!

Best regards,
Vijay

[vijayk]

Hello,

Thanks so much for the suggestion!

I did take a look at Klaviyo, and while it offers some great features—especially for email marketing and automation—I found the form builder interface a bit less user-friendly compared to some other tools. It felt a little complex for just setting up a simple inquiry popup on a specific page.

I’m leaning toward something more straightforward that allows for quick customization and easy integration without much technical setup. Still, I’ll keep Klaviyo in mind in case we decide to build out more advanced flows in the future.

Appreciate your input!

Best,
Vijay

[PaulNewton]

Hi @vijayk having it on a specific page and a popup is an advanced theme customization.

Otherwise ditch the popup behavior and make a copy of the contact page template and modify the code to need.

If you need this customization then contact me for services.
Contact info in forum signature below .
ALWAYS please provide context, examples: store url, theme name, post url(s) , or any further detail in ALL correspondence.

[vijayk]

Hello,

Thank you for the clarification.

I understand that this is an advanced customization. If I decide to go ahead with the popup customization, I’ll definitely reach out to you for services.

Appreciate your guidance!

Best regards,
Vijay

[Elfsight.Marketing]

For this scenario, I would search for an app which is not a pure contact form, but rather a “popup”. There are apps in the Shopify App Store that create popups with forms built in. You can generally adjust triggers, duration, frequency, pages to appear, etc.

Feel free to reach out if you need a particular app with this functionality.

Best,

Elfsight Team

[Crossjenny]

Hi there,

You can definitely achieve this on Dawn (or most Shopify themes), and there are two clean approaches depending on how hands-on you’d like to be. Here’s a clear breakdown:

Option 1: Custom Code (Lightweight & Clean)

A simple custom popup is fully doable without installing apps.

Steps:

Create a popup snippet
Go to Online Store → Themes → Edit code → Snippets and create a new snippet, for example popup-inquiry.liquid.
Add your HTML form inside a standard modal structure.

Display the snippet only on the specific page

For a product page, insert {% include ‘popup-inquiry’ %} inside the product template.

For a custom info page, add it to the page template you’re using.

Add lightweight CSS + JS
This controls the popup visibility, triggers it on page load or interaction, and includes a close “X” button.

This method keeps everything clean, fast, and compatible with Shopify’s native theme editor.

Option 2: Use a Free App

A simple popup/form app can handle targeting and display with zero coding:

POWR Popup + Contact Form

qikify Contact Form & Popup

Hextom Free Popup

These allow page targeting and a close button out of the box.

Recommendation

The custom snippet approach offers the cleanest setup and keeps your store lightweight, especially you want full control over styling and behavior.

Happy to provide the exact HTML/CSS/JS code for the popup so you can paste it directly into your theme.

[AnneLuo]

Hi, @vijayk

Option 1: Easiest - Use a Shopify App (No Coding)

Option 2: Custom Solution with Minimal Code

Step 1: Create the Form

1. Go to Online Store → Pages
2. Create a new page called “Inquiry Form” (or similar)
3. Add this code to the page content:

<div id="inquiry-popup" class="inquiry-popup hidden">
  <div class="inquiry-popup-content">
    <button class="inquiry-close" aria-label="Close form">×</button>
    <h3>Make an Inquiry</h3>
    {% form 'contact' %}
      <input type="text" name="contact[page]" value="{{ page.title }}" hidden>
      
      <label for="name">Name *</label>
      <input type="text" id="name" name="contact[name]" required>
      
      <label for="email">Email *</label>
      <input type="email" id="email" name="contact[email]" required>
      
      <label for="message">Message *</label>
      <textarea id="message" name="contact[body]" required></textarea>
      
      <button type="submit">Send Inquiry</button>
    {% endform %}
  </div>
</div>

Step 2: Add CSS to your theme

1. Go to Online Store → Themes → Edit code
2. Open Assets → theme.css (or base.css in Dawn)
3. Add at the bottom:

/* Inquiry Popup Styles */
.inquiry-popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.7);
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
}

.inquiry-popup.hidden {
  display: none;
}

.inquiry-popup-content {
  background: white;
  padding: 30px;
  border-radius: 8px;
  max-width: 500px;
  width: 90%;
  position: relative;
  max-height: 90vh;
  overflow-y: auto;
}

.inquiry-close {
  position: absolute;
  top: 15px;
  right: 15px;
  background: none;
  border: none;
  font-size: 24px;
  cursor: pointer;
  color: #333;
}

.inquiry-popup form {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.inquiry-popup input,
.inquiry-popup textarea {
  padding: 10px;
  border: 1px solid #ddd;
  border-radius: 4px;
}

.inquiry-popup button[type="submit"] {
  background: #000;
  color: white;
  padding: 12px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

Hope this helps! If yes then Please don’t forget hit Like and Mark it as solution!
If you will unable to implement the same then I’m happy to do this for you, let me know.

[AiTrillion]

Hello @vijayk ,

I hope you are well!

Basically, you need a form which will appear with popup, with some specific page. I want to inform you that this can be done with the help of AiTrillion. With AiTrillion’s form builder module, you can use various type of form like registration, custom form, request a quote form and many more.

Also, I want to inform you that with AiTrillion, you will not only get Form builder but will also get various other apps in one tool like Loyalty rewards, Reviews, Email/SMS/Whatsapp/Web push/Flows and many more with a single plan.