# WordPress Integration



<CardGroup cols="2">
  <Card title="Step 1: Embed Surface Tag" icon="code" href="/guides/embedding/wordpress/embedding">
    Add Surface Tag to your WordPress site with a plugin or your theme
  </Card>

  <Card title="Step 2: Inline" icon="window" href="/guides/embedding/wordpress/inline">
    Embed Surface Forms directly in your WordPress pages and posts
  </Card>

  <Card icon="envelope" title="Step 2: Email Input Field Trigger" href="/guides/embedding/wordpress/input-field">
    Trigger Popup and Slideover via email input field submission
  </Card>

  <Card title="Step 2: Popup" icon="square-up-right" href="/guides/embedding/wordpress/popup">
    Display forms in modal overlays triggered by user interactions
  </Card>

  <Card title="Step 2: Slideover" icon="sidebar" href="/guides/embedding/wordpress/slideover">
    Show forms that slide in from the side of the screen
  </Card>

  <Card title="Step 3: Optimize" icon="gauge-high" href="/guides/embedding/wordpress/optimize">
    Optimize form loading speed and user experience
  </Card>
</CardGroup>

<Note>
  These guides apply to self-hosted WordPress sites and WordPress.com sites on a
  plan that allows plugins and custom code (Business plan or above).
</Note>