Publishing Forms

Learn how to publish your forms and display them on your Shopify storefront.

Form Status

Forms have two statuses:

Status	Description
Draft	Form is being edited, not visible on storefront
Published	Form is live and can be displayed on storefront

Publishing a Form

From the Form Builder

1. Open your form in the builder
2. Ensure all required configuration is complete
3. Click the Publish button in the header
4. Confirm the publish action
5. Your form is now live

From the Forms List

1. Go to Forms in the navigation
2. Find the form you want to publish
3. Click the … menu on the form row
4. Select Publish
5. Confirm the action

What Happens When You Publish

When you publish a form:

1. Bundle Generated - Form is converted to an optimized module
2. Uploaded to CDN - Bundle is uploaded for fast global delivery
3. Metafield Updated - Shopify metafield stores form reference
4. Ready to Display - Form can now be added to your theme

Getting Your Form ID

Every form has a unique ID needed to display it on your storefront:

1. Open the form in the builder
2. Look at the URL - the ID is the string after /forms/
3. Or click Copy Form ID from the form settings
4. Example ID: clx1234abcd5678efgh

Adding Forms to Your Theme

Step 1: Open Theme Editor

1. In Shopify Admin, go to Online Store > Themes
2. Click Customize on your active theme

Step 2: Navigate to the Page

Choose where to add your form:

• Home page
• Contact page
• Product page
• Any other page or template

Step 3: Add the Form Block

1. Click Add section or find an existing section
2. Look for Add block option
3. Search for “Nexus Form Block”
4. Click to add it

Step 4: Configure the Block

1. Click on the Nexus Form Block
2. Paste your Form ID into the Form ID field
3. Save the theme

Step 5: Preview and Save

1. Preview your page to verify the form appears
2. Save the theme to make it live

Placement Options

As a Section

Add the form as a standalone section on any page.

Within Existing Sections

Many sections support adding blocks - add the form block within them.

Multiple Forms

You can add multiple form blocks to display different forms on the same page.

Updating Published Forms

When you edit and save a published form:

1. Changes are saved to the draft
2. Click Publish to update the live form
3. The bundle is regenerated with changes
4. CDN cache is busted automatically
5. Visitors see the updated form

Note

There may be a brief delay (usually seconds) for changes to propagate.

Unpublishing Forms

To remove a form from your storefront:

Option 1: Change Status

1. Go to Forms list
2. Click the form’s … menu
3. Select Unpublish
4. Form returns to Draft status
5. Theme block will show “Form not found” message

Option 2: Remove from Theme

1. Open Theme Editor
2. Find the Nexus Form Block
3. Click and delete the block
4. Save the theme

Form Visibility Settings

Require Login (Pro Feature)

Only show forms to logged-in customers:

1. Open form in builder
2. Go to Settings tab
3. Enable Require Login
4. Save and publish

Non-logged-in visitors will see a login prompt instead of the form.

Troubleshooting Publishing

Form Not Appearing

1. Check Form ID - Ensure correct ID is in theme block
2. Verify Published - Confirm form status is Published
3. Clear Cache - Try hard refresh (Ctrl+Shift+R)
4. Check Theme - Ensure block is saved in theme

Form Shows “Unable to Load”

1. Check Status - Form may be unpublished
2. Re-publish - Try publishing again
3. Contact Support - If issue persists

Old Version Showing

1. Clear Browser Cache - Hard refresh the page
2. Wait - CDN propagation takes a few seconds
3. Re-publish - Force a new bundle generation

Best Practices

Before Publishing

• Test all validations
• Preview on mobile and desktop
• Check all required fields are marked
• Verify success message/action
• Test file upload limits (if applicable)

After Publishing

• Submit a test entry
• Verify email notifications work
• Check submission appears in dashboard
• Test on actual storefront (not just preview)