← All Guides

Shopify Forms

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

5 minutes Beginner friendly

Method 1: 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>

Method 2: 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

Method 3: Theme Code (Advanced)

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 get started?

Create Free Account