Products Pricing About Login
Theme
Get Started →
← All guides
/forms/guides/shopify — section · theme · embed

SHOPIFY
FORMS.

Add contact forms to your Shopify store without installing an app.

● 5 minutes ● Beginner friendly
Easiest

Page content

Add a form to any page's content.

  1. Go to Online Store → Pages
  2. Edit or create a page (e.g., Contact)
  3. Click the <> (Show HTML) button in the editor
  4. Paste the embed code
  5. Save
<script src="https://codasite.ai/forms-embed.js" data-form="cf_xxxxx"></script>
Visual

Theme customizer

Add a form section to any page.

  1. Go to Online Store → Themes → Customize
  2. Select the page you want to edit
  3. Add a Custom Liquid section
  4. Paste the embed code
  5. Save
Advanced

Theme code

Edit your theme's Liquid files directly.

  1. Go to Online Store → Themes → Edit code
  2. Find the template or section file you want to edit
  3. Add the embed code where you want the form
  4. Save
templates/page.contact.liquid 
<div class="page-width">
  <h1>{{ page.title }}</h1>

  <!-- codaForms contact form -->
  <script src="https://codasite.ai/forms-embed.js" data-form="cf_xxxxx"></script>
</div>

Use Cases for Shopify

  • Contact page: Customer inquiries
  • Wholesale inquiries: B2B lead capture
  • Product questions: Embed on product pages
  • Newsletter signup: Email collection
  • Returns/exchanges: Customer service forms
Ready to ship

Create your first form in under 2 minutes.

Free account, unlimited forms, 500 submissions/mo.

Create free account → See codaForms