Skip to main content

Can I Use LaunchPass on My Own Domain/Website?

TL;DR Yes! Use LaunchPass embed codes to add signup buttons to your website.

Patrick B avatar
Written by Patrick B
Updated this week

Quick Answer: Embed Yes, Custom Domain No

Two different questions get confused here. Let's clarify both.

What You CAN Do: Embed on Your Website

Yes: Embed LaunchPass payment widget on your own website (yoursite.com).

How: Copy two code snippets from dashboard. Paste on your website.

Result: Members sign up from your website without leaving your domain.

This is called "embedding" and works great.

What You CANNOT Do: Custom Domain Hosting

No: Cannot host LaunchPass signup page on custom domain like payments.yourdomain.com.

Why: LaunchPass pages always live at launchpass.com/your-offer URLs.

Alternative: Use embed widget on your site instead.

Most people want embedding anyway. It's better than custom domains for most use cases.

Understanding the Difference

Let's clarify two different concepts.

Embed Widget (Supported - What This Article Covers)

What It Is: Payment button on your website that opens LaunchPass payment form.

Example Flow:

  1. Member visits yourwebsite.com

  2. Clicks "Join Community" button

  3. Payment form pops up over your site

  4. Member pays without leaving your domain

  5. Gets invite to community

Technical: Your website, your domain, LaunchPass widget embedded.

Branding: Members see mostly your website. LaunchPass appears in payment modal.

Custom Domain Hosting (Not Supported)

What It Would Be: Hosting entire signup page at your subdomain.

Example: payments.yoursite.com or join.yoursite.com redirects to/hosts LaunchPass page.

Status: Not currently available.

Why Not: LaunchPass pages must be hosted at launchpass.com for security and payment processing compliance.

Alternative: Use embed widget. Achieves same user experience goal.

Why Embedding is Usually Better Anyway

Most community owners prefer embedding over custom domains.

Advantage 1: Members Stay On Your Site

With Embed:

  • Member arrives at yoursite.com

  • Clicks button

  • Modal opens over your site

  • Member never leaves your domain

  • Completes signup on your branded site

With Custom Domain (if it existed):

  • Member arrives at yoursite.com

  • Clicks link

  • Redirects to payments.yoursite.com (different page)

  • Still navigating away from main site

Embed keeps users on your page.

Advantage 2: Better Conversion Rates

Why Embed Converts Better:

  • No page navigation (less friction)

  • User stays in context of your content

  • Faster (modal vs new page load)

  • Less abandonment

Studies show embedded forms convert 20-30% better than redirects.

Advantage 3: Full Design Control

Your Website:

  • You control all page design

  • Your fonts, colors, layout

  • Your copy and messaging

  • Your images and branding

LaunchPass Widget:

  • Handles only payment processing

  • Simple, clean modal

  • Doesn't interfere with your design

Best of both worlds.

Advantage 4: SEO Benefits

Your Domain:

  • All content on your site

  • Google indexes your pages

  • Your domain authority increases

  • Better search rankings

Custom Domain Scenario:

  • Content split across subdomains

  • Dilutes SEO authority

  • More complex to manage

Embed keeps everything on your main domain.

How Embedding Works

Let's understand the technical process.

The Two Code Snippets

LaunchPass gives you two pieces of code:

Snippet 1: Button Code

html

<button class="lp12345">Join Now</button>

Creates the clickable button. The lp12345 is unique to your offer.

Snippet 2: Script Code

html

<script src="https://...launchpass..."></script>

Makes the button functional. Connects to LaunchPass.

Where Each Goes

Button Code: Place where you want the button to appear on your page.

Script Code: Place once at bottom of page (before </body> tag).

What Happens When Clicked

User Experience:

  1. User clicks button

  2. Screen dims slightly

  3. Payment modal appears (popup)

  4. User sees signup form

  5. Enters email and payment

  6. Completes signup

  7. Modal closes

  8. User back on your website

All happens without page reload.

Customization Options

You can customize the button completely:

Change Button Text:

html

<button class="lp12345">Join Premium Community</button>

Style the Button:

html

<button class="lp12345 my-custom-class">Join</button>

Add your own CSS classes for styling.

Use Any HTML Element:

html

<div class="lp12345">Click here</div> <a href="#" class="lp12345">Join Now</a> <img src="button.png" class="lp12345">

Anything with the lp class becomes clickable.

Step-by-Step: Embedding on Your Website

Complete guide to add LaunchPass to your site.

Step 1: Get Your Embed Code

  1. Log into LaunchPass dashboard

  2. Find your offer

  3. Click "</Embed>" button next to it

  4. Popup shows two code snippets

  5. Keep this window open

Step 2: Decide Where Button Goes

On your website, choose button location:

Common Placements:

  • Pricing section

  • Homepage hero area

  • Navigation bar

  • Footer

  • Dedicated signup page

  • Blog post CTAs

Wherever makes sense for your site.

Step 3: Copy Button Code

In LaunchPass popup:

  1. Find first code snippet (button code)

  2. Click "Copy to clipboard"

  3. Code looks like: <button class="lp12345">Join</button>

Step 4: Paste Button Code on Your Site

  1. Open your website editor

  2. Navigate to page where button should appear

  3. Switch to HTML/code view

  4. Find the exact spot for your button

  5. Paste the button code

  6. Don't modify the code yet

Step 5: Copy Script Code

Back in LaunchPass popup:

  1. Scroll down to second code snippet

  2. This is the script code

  3. Click "Copy to clipboard"

  4. Code looks like: <script src="..."></script>

Step 6: Paste Script Code at Page Bottom

  1. In your website HTML

  2. Scroll to very bottom of page

  3. Find </body> tag (closing body tag)

  4. Paste script code right before it

  5. Only paste script once per page

Step 7: Save and Publish

  1. Save your changes

  2. Publish your website

  3. Changes go live

Step 8: Test the Button

  1. Visit your live website

  2. Click the button you added

  3. Payment modal should open

  4. Test completing signup form

  5. Verify everything works

If modal opens, you're done!

Customizing Your Embedded Button

Make the button match your website design.

Changing Button Text

Replace the default text:

Default:

html

<button class="lp12345">Subscribe</button>

Custom:

html

<button class="lp12345">Join Premium Community - $49/month</button>

Put whatever text you want between the tags.

Styling with CSS

Add your own CSS classes:

HTML:

html

<button class="lp12345 btn-primary my-custom-button">Join Now</button>

CSS:

css

.my-custom-button {   background: #FF6B35;   color: white;   padding: 15px 40px;   font-size: 18px;   font-weight: bold;   border: none;   border-radius: 8px;   cursor: pointer;   box-shadow: 0 4px 6px rgba(0,0,0,0.1); }  .my-custom-button:hover {   background: #E55A28;   transform: translateY(-2px);   box-shadow: 0 6px 12px rgba(0,0,0,0.15); }

Critical: Keep the lp12345 class. That makes it functional. Add your classes after it.

Using Images as Buttons

Make an image clickable:

html

<img src="join-button.png"       class="lp12345"       alt="Join Our Community"      style="cursor: pointer;">

Clicking image opens payment modal.

Text Links

Turn text into signup link:

html

<a href="#" class="lp12345">Click here to join</a>

Styled like a normal link but opens LaunchPass modal.

Custom Divs/Sections

Make entire sections clickable:

html

<div class="lp12345 pricing-card">   <h3>Premium Plan</h3>   <p class="price">$49/month</p>   <ul>     <li>Feature 1</li>     <li>Feature 2</li>     <li>Feature 3</li>   </ul>   <p>Click anywhere to join</p> </div>

Entire card becomes clickable.

Embedding Multiple Tiers

Show all membership levels on one page.

Get Code for Each Tier

For Bronze, Silver, Gold:

  1. Go to Bronze offer → Copy embed codes

  2. Go to Silver offer → Copy embed codes

  3. Go to Gold offer → Copy embed codes

Each has unique lp class number.

Place All Buttons on Page

Example Layout:

html

<div class="pricing-section">      <div class="tier">     <h3>Bronze - $19/month</h3>     <p>Basic access</p>     <button class="lp11111">Join Bronze</button>   </div>      <div class="tier">     <h3>Silver - $49/month</h3>     <p>Advanced features</p>     <button class="lp22222">Join Silver</button>   </div>      <div class="tier">     <h3>Gold - $99/month</h3>     <p>Full VIP access</p>     <button class="lp33333">Join Gold</button>   </div>    </div>

Each button opens its own offer's payment form.

Script Code: Only Once

Even with multiple buttons, paste script code only ONCE at page bottom.

Wrong (don't do this):

html

<script src="..."></script> <script src="..."></script> <script src="..."></script>

Right (do this):

html

<script src="..."></script>

One script handles all buttons.

Platform-Specific Instructions

Quick guides for popular website builders.

WordPress

Using Gutenberg:

  1. Add "Custom HTML" block where you want button

  2. Paste button code

  3. Add another "Custom HTML" block at page bottom

  4. Paste script code

Using Page Builders (Elementor, Divi):

  1. Add "HTML" widget

  2. Paste button code

  3. Add "HTML" widget at bottom

  4. Paste script code

Webflow

  1. Drag "Embed" component to page

  2. Paste button code

  3. Drag another "Embed" to bottom

  4. Paste script code

  5. Publish site

Squarespace

  1. Add "Code" block where you want button

  2. Paste button code

  3. Add "Code" block at page bottom

  4. Paste script code

  5. Save page

Wix

Limitation: Wix uses iframes. LaunchPass embed doesn't work with iframes.

Alternative: Use a button that links to your LaunchPass hosted page instead.

Shopify

  1. Edit page HTML

  2. Paste button code where desired

  3. Paste script code before closing </div> or </body>

  4. Save page

Custom HTML Sites

  1. Open HTML file

  2. Paste button code in desired location

  3. Paste script code before </body> tag

  4. Upload to server

LaunchPass Hosted Page (Your Alternative)

If embedding doesn't work for you, use the hosted page.

What's Included

LaunchPass provides a ready-made signup page:

URL: launchpass.com/your-community-name

Includes:

  • Professional design

  • Payment processing

  • Mobile responsive

  • Instant setup (no coding)

Customization Options

You can customize:

Content:

  • Community name

  • Description

  • Pricing

  • Benefits list

  • Images/video

  • FAQ section

  • Testimonials

Branding:

  • Logo

  • Colors (limited)

  • Button text

  • Header image

Not Customizable:

  • Overall layout structure

  • Domain (always launchpass.com)

  • Footer branding

When to Use Hosted Page

Good For:

  • Don't have a website yet

  • Want fastest setup (no coding)

  • Don't need full branding control

  • Technical limitations (Wix, etc.)

Not Ideal For:

  • Want seamless branded experience

  • Have existing website with traffic

  • Need custom design

  • Want to avoid any LaunchPass branding

Comparing Your Options

Which approach is best for you?

Option 1: Embed Widget (Recommended)

Pros:

  • Members stay on your domain

  • Full design control

  • Better conversions

  • SEO benefits

  • Your branding throughout

Cons:

  • Requires website with HTML access

  • Some technical setup (10 minutes)

  • Doesn't work on Wix

Best For: Most community owners with websites

Option 2: LaunchPass Hosted Page

Pros:

  • Zero technical setup

  • Works immediately

  • No website required

  • LaunchPass handles everything

  • Clean professional design

Cons:

  • LaunchPass.com domain (not yours)

  • Limited customization

  • LaunchPass branding present

  • Members leave your site if you have one

Best For: Quick launches, no-code creators, no website yet

Option 3: Link from Website to Hosted Page

Pros:

  • Easy to implement

  • Works on any platform (including Wix)

  • No code required

Cons:

  • Members navigate to different domain

  • Loses some conversion (page navigation)

  • Less seamless experience

Best For: Wix users, simple button needed

SEO Considerations

How your choice affects search rankings.

Embed Widget SEO

Benefits:

  • All content on your main domain

  • Google indexes your page

  • Domain authority concentrated

  • Better rankings over time

Best Practice:

  • Put valuable content on your page

  • Explain community benefits in text

  • Use header tags properly

  • Include keywords naturally

Hosted Page SEO

Reality:

  • LaunchPass.com domain gets the authority

  • Your domain doesn't benefit

  • Less control over SEO

Workaround:

  • Create landing page on your site

  • Optimize that page for SEO

  • Link from your page to LaunchPass hosted page

  • Gets you some SEO benefit

Recommendation

If SEO matters to you, use embed widget on content-rich page on your domain.

Trust and Branding

How each option affects member trust.

Your Domain = More Trust

Psychology:

  • Members trust your brand

  • Your domain is familiar

  • Consistency builds confidence

  • Less friction in decision

With Embed:

  • Everything on yoursite.com

  • Your branding throughout

  • LaunchPass only in payment modal

  • Members feel secure

External Domains = Less Trust

Psychology:

  • New domain creates hesitation

  • "Why am I leaving the site?"

  • "Is this a third party?"

  • Creates moment of doubt

With Hosted Page:

  • Members click link

  • Navigate to launchpass.com

  • Might hesitate

  • Need to trust LaunchPass too

Building Trust

If Using Embed:

  • Add testimonials on your page

  • Show member count

  • Display trust badges

  • Add money-back guarantee

If Using Hosted Page:

  • Explain beforehand: "You'll be redirected to our payment processor"

  • Add trust language

  • Make transition smooth

Mobile Responsiveness

Both options work on mobile, with considerations.

Embed Widget on Mobile

Behavior:

  • Button appears on mobile page

  • Tap opens modal

  • Modal fills screen

  • Payment form mobile-optimized

  • Smooth experience

Best Practices:

  • Make button large enough to tap (44x44px minimum)

  • Put button "above the fold" on mobile

  • Test on actual devices

  • Ensure page loads fast

Hosted Page on Mobile

Behavior:

  • Link navigates to new page

  • Page is mobile-responsive

  • LaunchPass designs for mobile

  • Works well

Consideration:

  • Browser navigation (back button, etc.)

  • Slightly more friction than modal

Both work fine on mobile. Embed slightly better UX.

Troubleshooting Embed Issues

Common problems and solutions.

Button Doesn't Appear

Causes:

  • Code not pasted correctly

  • Visual editor stripped HTML

  • Wrong location

Solutions:

  1. Verify you're in HTML mode (not visual)

  2. Check code pasted exactly as copied

  3. Try different location on page

  4. Clear browser cache

Button Appears But Doesn't Work

Causes:

  • Script code not pasted

  • Script in wrong location

  • JavaScript blocked

Solutions:

  1. Verify script code pasted

  2. Check script before </body> tag

  3. Look for JavaScript errors (F12 console)

  4. Disable ad blockers

  5. Try different browser

Modal Opens But Shows Error

Causes:

  • Offer unpublished

  • Stripe not connected

  • Payment processor issue

Solutions:

  1. Check offer published in dashboard

  2. Verify Stripe connected

  3. Test with different payment card

  4. Contact [email protected]

Works on Desktop Not Mobile

Causes:

  • Mobile CSS conflicts

  • Viewport issues

  • JavaScript conflicts

Solutions:

  1. Test in mobile browser (not emulator)

  2. Check mobile-specific CSS

  3. Look for JavaScript errors on mobile

  4. Simplify page for mobile test

Multiple Buttons All Open Same Offer

Cause: Used same button code for different offers.

Solution:

  • Get separate embed codes for each offer

  • Each has unique lp class number

  • Use correct code for each button

Security and Compliance

Keeping member data safe.

HTTPS Required

Your website must use HTTPS:

  • Protects payment data

  • Required by payment processors

  • Builds member trust

  • Required for embed to work

Check: URL starts with https:// not http://

PCI Compliance

Good News: LaunchPass and Stripe handle PCI compliance.

  • Card data never touches your server

  • Processed securely by Stripe

  • You don't store sensitive data

  • Automatic compliance

Just embed the code. Security handled.

Privacy Policy

Your website should have privacy policy explaining:

  • You use LaunchPass for memberships

  • Stripe processes payments

  • What data you collect

  • How data is used

Link to policy near signup button.

Terms of Service

Include terms covering:

  • Subscription terms

  • Cancellation policy

  • Refund policy

  • Community rules

Protects both you and members.

Getting Help with Embedding

Support is available.

LaunchPass Support

Email: [email protected]

They Help With:

  • Embed code implementation

  • Custom styling guidance

  • Troubleshooting broken embeds

  • Platform-specific questions

  • Best practices advice

Free Setup Assistance

LaunchPass offers free help:

  • Implementation questions

  • Code placement guidance

  • Styling recommendations

  • Troubleshooting

When to Contact Support

Email support if:

  • Can't get embed working

  • Need help with custom styling

  • Platform-specific issues

  • Error messages appear

  • Want implementation advice

What to Include

Subject: Help with Embed on [Your Platform]  Hi LaunchPass Support,  I need help embedding the widget on my website.  Website: yoursite.com Platform: WordPress/Webflow/etc. Issue: [Specific problem] What I tried: [Steps taken] Screenshot: [If applicable]  Account Email: [Your email]  Thank you!

Real-World Examples

See how others use embedding.

Example 1: Marketing Agency Community

Setup:

  • Agency website at marketingpros.com

  • Embed on /join page

  • Three tier buttons side-by-side

  • Custom styling matches brand

Result: 40% conversion rate on page. Members love seamless experience.

Example 2: Trading Signals Service

Setup:

  • Website at tradersignals.io

  • Embed in pricing section

  • Large prominent button

  • Above-the-fold placement

Result: 8,000 paying members. Embedding converts better than old redirect method.

Example 3: Fitness Coaching

Setup:

  • Personal trainer at janefitnesscoach.com

  • Embed button in blog posts

  • "Join My Community" CTA

  • Links to Discord

Result: Blog traffic converts at 15%. Easy signup from content pages.

Summary

You can use LaunchPass on your website, but not on a custom domain.

What's Possible: Embed LaunchPass payment widget on your website (yoursite.com). Members sign up from your site.

What's Not Possible: Host LaunchPass signup page at your custom domain (payments.yoursite.com). Pages must be at launchpass.com URLs.

Recommendation: Use embed widget. Better than custom domain anyway. Higher conversions, better UX, full control.

How to Embed:

  1. Get two code snippets from dashboard

  2. Paste button code where you want button

  3. Paste script code before </body> tag

  4. Takes 10 minutes

Customization: Fully customize button design, text, and placement. Any HTML element with lp class works.

Multiple Tiers: Paste multiple button codes, one script code. All tiers on one page.

Platform Support: Works on WordPress, Webflow, Squarespace, Shopify, custom sites. Doesn't work on Wix (use link instead).

Alternative: Use LaunchPass hosted page at launchpass.com/your-offer if you can't embed.

Need Help? Email [email protected] for free implementation assistance.

Embed LaunchPass on your website for seamless branded signups.

Related Articles
Do I Need a Paid Slack Account to Use LaunchPass?
Can You Use Discord With LaunchPass?
How to Embed LaunchPass Payment Widget on Your Website
How to Create Multi-Tier Subscriptions on LaunchPass
Did this answer your question?