> ## Documentation Index
> Fetch the complete documentation index at: https://formsplugin.com/docs/llms.txt
> Use this file to discover all available pages before exploring further.

# Roadmap

> See what's coming next for Forms Plugin - track features from idea to launch.

<div style={{ maxWidth: '1200px', margin: '0 auto', padding: '48px 24px' }}>
  <div style={{ textAlign: 'center', marginBottom: '40px' }}>
    <h1 style={{ fontSize: '36px', fontWeight: 800, marginBottom: '12px' }}>Product Roadmap</h1>

    <p style={{ fontSize: '17px', color: '#64748b', maxWidth: '560px', margin: '0 auto' }}>
      Track the progress of upcoming features for Forms Plugin. Have an idea?{' '}
      <a href="https://formsplugin.com/feature-request" style={{ color: '#0066FF', fontWeight: 600 }}>Feature Request</a>.
    </p>
  </div>

  <div style={{ display: 'grid', gridTemplateColumns: 'repeat(3, 1fr)', gap: '20px', alignItems: 'start' }}>
    <div style={{ borderRadius: '12px', border: '1px solid #e2e8f0', display: 'flex', flexDirection: 'column' }}>
      <div style={{ padding: '16px 20px', borderBottom: '1px solid #e2e8f0', display: 'flex', alignItems: 'center', gap: '10px' }}>
        <div style={{ width: '10px', height: '10px', borderRadius: '50%', background: '#94a3b8', flexShrink: 0 }} />

        <span style={{ fontWeight: 700, fontSize: '15px' }}>Planned</span>
        <span style={{ fontSize: '13px', color: '#94a3b8', marginLeft: 'auto' }}>0</span>
      </div>

      <div style={{ padding: '16px', display: 'flex', flexDirection: 'column', gap: '12px' }}>
        <div style={{ fontSize: '13px', color: '#94a3b8', textAlign: 'center', padding: '12px 0' }}>
          Nothing planned right now.
        </div>
      </div>
    </div>

    <div style={{ borderRadius: '12px', border: '1px solid #bfdbfe', display: 'flex', flexDirection: 'column' }}>
      <div style={{ padding: '16px 20px', borderBottom: '1px solid #bfdbfe', display: 'flex', alignItems: 'center', gap: '10px' }}>
        <div style={{ width: '10px', height: '10px', borderRadius: '50%', background: '#3b82f6', flexShrink: 0 }} />

        <span style={{ fontWeight: 700, fontSize: '15px' }}>In Progress</span>
        <span style={{ fontSize: '13px', color: '#94a3b8', marginLeft: 'auto' }}>1</span>
      </div>

      <div style={{ padding: '16px', display: 'flex', flexDirection: 'column', gap: '12px' }}>
        <Card title="Save & Resume Forms" icon="bookmark">
          Let users partially fill a form and have their progress saved locally in the browser. They can return later and continue from exactly where they left off without losing any data.
        </Card>
      </div>
    </div>

    <div style={{ borderRadius: '12px', border: '1px solid #bbf7d0', display: 'flex', flexDirection: 'column' }}>
      <div style={{ padding: '16px 20px', borderBottom: '1px solid #bbf7d0', display: 'flex', alignItems: 'center', gap: '10px' }}>
        <div style={{ width: '10px', height: '10px', borderRadius: '50%', background: '#22c55e', flexShrink: 0 }} />

        <span style={{ fontWeight: 700, fontSize: '15px' }}>Done</span>
        <span style={{ fontSize: '13px', color: '#94a3b8', marginLeft: 'auto' }}>9</span>
      </div>

      <div style={{ padding: '16px', display: 'flex', flexDirection: 'column', gap: '12px' }}>
        <Card title="Google Drive Upload" icon="google-drive">
          Save uploaded files (File, Image, Audio, Video, Voice, and Signature) directly to your own Google Drive folder through a private Apps Script web app. No third-party server in the middle - your Drive, your account, your storage.
        </Card>

        <Card title="Mailchimp Field Mapping & Tags" icon="mailchimp">
          Mailchimp integration now feature-complete with full field mapping, Static Tags (applied to every submission), and Dynamic Tags (read from form fields like dropdowns and checkboxes).
        </Card>

        <Card title="URL Source Collector" icon="link">
          Capture attribution data from the visitor's URL with a hidden component. Supports UTM tags, ad click IDs (Google, Meta, Microsoft, LinkedIn, TikTok, X), Referrer URL, custom URL parameters, and per-page Custom Values. Includes First-Touch attribution.
        </Card>

        <Card title="Multi-Step Forms" icon="list-ol">
          Split long forms into multiple steps with a step indicator and pre-wired Next, Previous, and Submit navigation. Available from the Create New Form flow, Build with AI, and the Templates library.
        </Card>

        <Card title="Conditional Logic" icon="code-branch">
          Build dynamic forms with conditional logic. Show or hide fields, make them required, read-only, disabled, or reset values - all based on other fields' input. Supports AND/OR logic with text, number, and date operators.
        </Card>

        <Card title="Build Form with AI" icon="sparkles">
          Describe your use case and let AI generate a perfect form instantly. Supports six quick-start presets with AI Credits per plan (Free: 3, Pro: 10, Scale: 15).
        </Card>

        <Card title="Integration Submission History" icon="clock-rotate-left">
          Track every form submission sent to your integrations. Filter by email, integration, or status with full error details for debugging.
        </Card>

        <Card title="Phone Number Field" icon="phone">
          Allow users to collect phone numbers with proper formatting and validation.
        </Card>

        <Card title="Native Integrations" icon="plug">
          <div style={{ display: 'grid', gridTemplateColumns: 'repeat(3, 1fr)', gap: '12px', marginTop: '8px', marginBottom: '12px' }}>
            <div style={{ display: 'flex', flexDirection: 'column', alignItems: 'center', gap: '6px' }}>
              <img src="https://mintcdn.com/formsplugin/ZJx96rkqjgcCwAD_/images/icons/brevo.svg?fit=max&auto=format&n=ZJx96rkqjgcCwAD_&q=85&s=2f4f6da1e8023364aba4500fc69796c4" alt="Brevo" style={{ width: '28px', height: '28px' }} width="40" height="40" data-path="images/icons/brevo.svg" />

              <span style={{ fontSize: '12px', color: '#64748b' }}>Brevo</span>
            </div>

            <div style={{ display: 'flex', flexDirection: 'column', alignItems: 'center', gap: '6px' }}>
              <img src="https://mintcdn.com/formsplugin/ZJx96rkqjgcCwAD_/images/icons/hubspot.svg?fit=max&auto=format&n=ZJx96rkqjgcCwAD_&q=85&s=40b7ba931eabc98288262ddf1c58104f" alt="HubSpot" style={{ width: '28px', height: '28px' }} width="40" height="40" data-path="images/icons/hubspot.svg" />

              <span style={{ fontSize: '12px', color: '#64748b' }}>HubSpot</span>
            </div>

            <div style={{ display: 'flex', flexDirection: 'column', alignItems: 'center', gap: '6px' }}>
              <img src="https://mintcdn.com/formsplugin/ZJx96rkqjgcCwAD_/images/icons/mailchimp.svg?fit=max&auto=format&n=ZJx96rkqjgcCwAD_&q=85&s=9b433af295ea2f7cc54192e1127c3443" alt="Mailchimp" style={{ width: '28px', height: '28px' }} width="40" height="40" data-path="images/icons/mailchimp.svg" />

              <span style={{ fontSize: '12px', color: '#64748b' }}>Mailchimp</span>
            </div>

            <div style={{ display: 'flex', flexDirection: 'column', alignItems: 'center', gap: '6px' }}>
              <img src="https://mintcdn.com/formsplugin/ZJx96rkqjgcCwAD_/images/icons/mailerlite.svg?fit=max&auto=format&n=ZJx96rkqjgcCwAD_&q=85&s=b6a477df95763abe4d42e1917fba1713" alt="MailerLite" style={{ width: '28px', height: '28px' }} width="40" height="40" data-path="images/icons/mailerlite.svg" />

              <span style={{ fontSize: '12px', color: '#64748b' }}>MailerLite</span>
            </div>

            <div style={{ display: 'flex', flexDirection: 'column', alignItems: 'center', gap: '6px' }}>
              <img src="https://mintcdn.com/formsplugin/ZJx96rkqjgcCwAD_/images/icons/convertkit.svg?fit=max&auto=format&n=ZJx96rkqjgcCwAD_&q=85&s=5708ceffecd650451c144e108cf0f289" alt="ConvertKit" style={{ width: '28px', height: '28px' }} width="40" height="40" data-path="images/icons/convertkit.svg" />

              <span style={{ fontSize: '12px', color: '#64748b' }}>ConvertKit</span>
            </div>

            <div style={{ display: 'flex', flexDirection: 'column', alignItems: 'center', gap: '6px' }}>
              <img src="https://mintcdn.com/formsplugin/ZJx96rkqjgcCwAD_/images/icons/klaviyo.svg?fit=max&auto=format&n=ZJx96rkqjgcCwAD_&q=85&s=81714d3cda626c6e54d23ea5e0f2a1ee" alt="Klaviyo" style={{ width: '28px', height: '28px' }} width="40" height="40" data-path="images/icons/klaviyo.svg" />

              <span style={{ fontSize: '12px', color: '#64748b' }}>Klaviyo</span>
            </div>

            <div style={{ display: 'flex', flexDirection: 'column', alignItems: 'center', gap: '6px' }}>
              <img src="https://mintcdn.com/formsplugin/ZJx96rkqjgcCwAD_/images/icons/activecampaign.svg?fit=max&auto=format&n=ZJx96rkqjgcCwAD_&q=85&s=120c8c9283ba6086e35377ab67172f9b" alt="ActiveCampaign" style={{ width: '28px', height: '28px' }} width="40" height="40" data-path="images/icons/activecampaign.svg" />

              <span style={{ fontSize: '12px', color: '#64748b' }}>ActiveCampaign</span>
            </div>

            <div style={{ display: 'flex', flexDirection: 'column', alignItems: 'center', gap: '6px' }}>
              <img src="https://mintcdn.com/formsplugin/ZJx96rkqjgcCwAD_/images/icons/drip.svg?fit=max&auto=format&n=ZJx96rkqjgcCwAD_&q=85&s=ab4323f5df43edf374a97f1e106904a7" alt="Drip" style={{ width: '28px', height: '28px' }} width="40" height="40" data-path="images/icons/drip.svg" />

              <span style={{ fontSize: '12px', color: '#64748b' }}>Drip</span>
            </div>

            <div style={{ display: 'flex', flexDirection: 'column', alignItems: 'center', gap: '6px' }}>
              <img src="https://mintcdn.com/formsplugin/ZJx96rkqjgcCwAD_/images/icons/beehiiv.svg?fit=max&auto=format&n=ZJx96rkqjgcCwAD_&q=85&s=54b06cccea227e3e40520667cf2f4c3d" alt="Beehiiv" style={{ width: '28px', height: '28px' }} width="40" height="40" data-path="images/icons/beehiiv.svg" />

              <span style={{ fontSize: '12px', color: '#64748b' }}>Beehiiv</span>
            </div>
          </div>

          Native integrations to sync form submissions with your favorite email marketing and CRM platforms.
        </Card>
      </div>
    </div>
  </div>

  <div style={{ textAlign: 'center', marginTop: '48px' }}>
    <Card title="Feature Request" icon="lightbulb" href="https://formsplugin.com/feature-request">
      Have an idea? Submit your feature request and vote on what gets built next.
    </Card>
  </div>
</div>
