Credit Card Preview

Demo page


This plugin allows you to add a live and interactive credit card preview to your bubble application.
Users can preview the data they entered in a beautiful preview.
You can create your own form elements and the plugin will attach them to the card preview automatically. No data is saved.


How to Setup

1. Go to Settings-> General and Expose the option to add id attributes to HTML elements. See a short guide here:
2. Drag the Card Container Element onto your page. This will display the credit card container. Define the width accordingly.
Image without caption
3. Create a new Group and give it a unique element ID
4. Inside this group you have to position the inputs that receive the credit card information. Add unique element IDs to all the inputs.
5. Enter the element IDs from steps 4 and 5 into the relevant fields within the card container element.

Video Instruction

Frequently Asked Questions

Have a question, or suggestion, or encountered an issue? πŸ€·β€β™‚οΈ Please contact us by sending an email to:
Want to report a bug? Please follow this guideline!