Form EmbeddingNext.js
Next.js Integration
Complete guide to embedding Surface Forms in your Next.js site
Check out our Next.js example repository on GitHub, which includes implementations for both App Router and Page Router.
Step 1: Embed Surface Tag
Add Surface Tag to your Next.js site with custom code components
Step 2: Inline
Embed Surface Forms directly in your Next.js applications
Step 2: Email Input Field Trigger
Trigger Popup and Slideover via email input field submission
Step 2: Popup
Display forms in modal overlays triggered by user interactions
Step 2: Slideover
Show forms that slide in from the side of the screen
Step 3: Optimize
Optimize form loading speed and user experience