Skip to content
Sites

Bubble Style for Radio & Checkbox Elements

Give your GHL Customer Care forms, surveys, and quizzes a fresh, modern feel with the new Bubble Style for radio buttons and checkboxes.

2 min read451 words5 explained images
View as markdownOpen in ClaudeOpen in ChatGPT
Each image has a one line explanation. Switch to full detail for the step it belongs to, the fields and buttons involved, examples and the whole procedure.
On this page
  1. Key Benefits of Bubble Style
  2. Responsive Behavior
  3. Compatibility & Limitations
  4. How To Setup Bubble Style
  5. Frequently Asked Questions
  6. Related Articles

Give your GHL Customer Care forms, surveys, and quizzes a fresh, modern feel with the new Bubble Style for radio buttons and checkboxes. This update lets you toggle between classic and rounded-bubble choices in seconds—no coding required.

TABLE OF CONTENTS

What is Bubble Style for Radio & Checkbox Elements?

Bubble Style is an eye-catching, rounded design option you can apply to any radio button or checkbox field inside GHL Customer Care’s Form, Survey, and Quiz builders. When enabled, it swaps the default square or circular markers for larger, pill-shaped “bubbles,” improving legibility and encouraging interaction.

What is Bubble Style for Radio & Checkbox Elements? (image 1 of 5) What this shows Bubble Style is an eye-catching, rounded design option you can apply to any radio button or checkbox field inside GHL Customer Care’s Form… What this shows Illustrates the "What is Bubble Style for Radio & Checkbox Elements?" section of "Bubble Style for Radio & Checkbox Elements". This screenshot appears in the "What is Bubble Style for Radio & Checkbox Elements?" section of "Bubble Style for Radio & Checkbox Elements". The text alongside this image reads: Bubble Style is an eye-catching, rounded design option you can apply to any radio button or checkbox field inside GHL Customer Care’s Form, Survey, and Quiz builders. When enabled, it swaps the default square or circular markers for larger, pill-shaped “bubbles,” improving legibility and encouraging…. Immediately after, the guide continues: Fresh Bubble Design: A sleek, rounded option for radio and checkbox fields. Simple Toggle: Easily switch between Standard and Bubble from the builder’s Options tab. User-Friendly: Bubble style improves visibility and makes choices feel…. Image 1 of 5 What this coversBubble Style is an eye-catching, rounded design option you can apply to any radio button or checkbox field inside GHL Customer Care’s Form, Survey, and Quiz builders. When enabled, it swaps the default square or circular markers for larger, pill-shaped “bubbles,” improving legibility and encouraging interaction. Next stepFresh Bubble Design: A sleek, rounded option for radio and checkbox fields. Simple Toggle: Easily switch between Standard and Bubble from the builder’s Options tab. User-Friendly: Bubble style improves visibility and makes choices feel more interactive. Responsive by Default: Works seamlessly across desktop and mobile devices.

Key Benefits of Bubble Style

  • Fresh Bubble Design: A sleek, rounded option for radio and checkbox fields.
  • Simple Toggle: Easily switch between Standard and Bubble from the builder’s Options tab.
  • User-Friendly: Bubble style improves visibility and makes choices feel more interactive.
  • Responsive by Default: Works seamlessly across desktop and mobile devices.

Responsive Behavior

Bubble Style is 100 % responsive by default. The bubbles resize fluidly, ensuring precise tap targets on phones, tablets, and large screens without additional CSS tweaks.

Tip: Pair Bubble Style with the Spread to Column feature to perfectly align multi-choice answers across devices.

Compatibility & Limitations

• Works in Forms, Surveys, and Quizzes embedded in Funnels, Websites, or external pages via embed code.

• Visual-only: it does not change submission data, conditional logic, or workflow triggers.

• No migration required—existing assets retain their current styling unless you manually enable Bubble.

How To Setup Bubble Style

Apply Bubble Style in under 30 seconds:

  1. Navigate to Sites → Forms (or Surveys / Quizzes) and click Edit on your asset.
    Step 1 of 5: Navigate to Sites → Forms (or Surveys / Quizzes) and click Edit on… What this shows Step 1 of 5: Navigate to Sites → Forms (or Surveys / Quizzes) and click Edit on your asset. What this shows Shows where to go for step 1 of 5 in the "How To Setup Bubble Style" section of "Bubble Style for Radio & Checkbox Elements". This screenshot accompanies step 1 of 5 in the "How To Setup Bubble Style" section of "Bubble Style for Radio & Checkbox Elements". At this point in the walkthrough you navigate to Sites → Forms (or Surveys / Quizzes) and click Edit on your asset. The next step is to drag a Radio or Checkbox field onto the canvas, or click an existing one. Step 1 of 5Image 2 of 5 Where to goNavigate to Sites → Forms (or Surveys / Quizzes) and click Edit on your asset.
    Buttons and menus referenced SitesFormsSurveysQuizzesEditOptionsBubble
    Next stepDrag a Radio or Checkbox field onto the canvas, or click an existing one.
    All 5 steps in this procedure
    1. Navigate to Sites → Forms (or Surveys / Quizzes) and click Edit on your asset. this image
    2. Drag a Radio or Checkbox field onto the canvas, or click an existing one.
    3. In the right sidebar, select Options.
    4. Under “Style,” choose Bubble.
    5. Click Save, then Preview or Embed as usual. Your updated bubbles are live!
  2. Drag a Radio or Checkbox field onto the canvas, or click an existing one.
    Step 2 of 5: Drag a Radio or Checkbox field onto the canvas, or click an existing one What this shows Step 2 of 5: Drag a Radio or Checkbox field onto the canvas, or click an existing one. What this shows Shows what to click for step 2 of 5 in the "How To Setup Bubble Style" section of "Bubble Style for Radio & Checkbox Elements". This screenshot accompanies step 2 of 5 in the "How To Setup Bubble Style" section of "Bubble Style for Radio & Checkbox Elements". At this point in the walkthrough you drag a Radio or Checkbox field onto the canvas, or click an existing one. The next step is to in the right sidebar, select Options. Step 2 of 5Image 3 of 5 What to clickDrag a Radio or Checkbox field onto the canvas, or click an existing one.
    Buttons and menus referenced SitesFormsSurveysQuizzesEditOptionsBubble
    Next stepIn the right sidebar, select Options.
    All 5 steps in this procedure
    1. Navigate to Sites → Forms (or Surveys / Quizzes) and click Edit on your asset.
    2. Drag a Radio or Checkbox field onto the canvas, or click an existing one. this image
    3. In the right sidebar, select Options.
    4. Under “Style,” choose Bubble.
    5. Click Save, then Preview or Embed as usual. Your updated bubbles are live!
  3. In the right sidebar, select Options.
    Step 3 of 5: In the right sidebar, select Options What this shows Step 3 of 5: In the right sidebar, select Options. What this shows Shows where to go for step 3 of 5 in the "How To Setup Bubble Style" section of "Bubble Style for Radio & Checkbox Elements". This screenshot accompanies step 3 of 5 in the "How To Setup Bubble Style" section of "Bubble Style for Radio & Checkbox Elements". At this point in the walkthrough you in the right sidebar, select Options. For context, this section explains: Navigate to Sites → Forms (or Surveys / Quizzes) and click Edit on your asset. Drag a Radio or Checkbox field onto the canvas, or click an existing one. In the right sidebar, select Options. Under “Style,” choose Bubble. Click Save, then Preview or Embed as usual. Your updated bubbles are live! The next step is to under “Style,” choose Bubble. Step 3 of 5Image 4 of 5 Where to goIn the right sidebar, select Options.
    Buttons and menus referenced OptionsSitesFormsSurveysQuizzesEditBubble
    Next stepUnder “Style,” choose Bubble.
    All 5 steps in this procedure
    1. Navigate to Sites → Forms (or Surveys / Quizzes) and click Edit on your asset.
    2. Drag a Radio or Checkbox field onto the canvas, or click an existing one.
    3. In the right sidebar, select Options. this image
    4. Under “Style,” choose Bubble.
    5. Click Save, then Preview or Embed as usual. Your updated bubbles are live!
  4. Under “Style,” choose Bubble.
    Step 4 of 5: Under “Style,” choose Bubble What this shows Step 4 of 5: Under “Style,” choose Bubble. What this shows Shows what to choose for step 4 of 5 in the "How To Setup Bubble Style" section of "Bubble Style for Radio & Checkbox Elements". This screenshot accompanies step 4 of 5 in the "How To Setup Bubble Style" section of "Bubble Style for Radio & Checkbox Elements". At this point in the walkthrough you under “Style,” choose Bubble. For context, this section explains: Navigate to Sites → Forms (or Surveys / Quizzes) and click Edit on your asset. Drag a Radio or Checkbox field onto the canvas, or click an existing one. In the right sidebar, select Options. Under “Style,” choose Bubble. Click Save, then Preview or Embed as usual. Your updated bubbles are live! The next step is to click Save, then Preview or Embed as usual. Your updated bubbles are live! Step 4 of 5Image 5 of 5 What to chooseUnder “Style,” choose Bubble.
    Buttons and menus referenced BubbleSitesFormsSurveysQuizzesEditOptions
    Next stepClick Save, then Preview or Embed as usual. Your updated bubbles are live!
    All 5 steps in this procedure
    1. Navigate to Sites → Forms (or Surveys / Quizzes) and click Edit on your asset.
    2. Drag a Radio or Checkbox field onto the canvas, or click an existing one.
    3. In the right sidebar, select Options.
    4. Under “Style,” choose Bubble. this image
    5. Click Save, then Preview or Embed as usual. Your updated bubbles are live!
  5. Click Save, then Preview or Embed as usual. Your updated bubbles are live!

Frequently Asked Questions

Q: Does Bubble Style slow down page load times?

No. It uses lightweight CSS, adding virtually zero overhead.

Q: Can I enable Bubble Style for only one option in a multi-choice list?

Bubble applies to the entire element; all choices in that Radio or Checkbox field will share the same styling.

Q: Will workflows triggered by form submissions continue to work?

Yes. Bubble styling is purely visual and does not affect data capture or workflow triggers.

Was this guide helpful?

Related guides

How to Add a Two‑Step Order Form to a Funnel5 min read · 12 imagesTracking Scripts/Pixel Code1 min readSEO Meta Data1 min readClick-To-Call, Click-To-Text, and Click-To-Email Links & Buttons for Websites and Funnels3 min read · 5 images