Marqeta Widget Style Preview

The widget is designed to be as simple as possible so it integrates well with any site. Since iframes on different domains can't share resources easily, Marqeta will implement the style attribute based on what the customer specifies. Here are the instructions:

  1. Please set your style attributes in the widget preview below. Once you set it you can click the button next to the form and see a preview of how the widget will look.
  2. When you have the widget looking the way you want, Click the "Select Text to Send to Marqeta" button. It will select your specifications. You just need to tap "ctrl+c" on a pc or "cmd+c" on a mac computer, which will then copy your text to a clipboard and you can then email to your Marqeta Project Manager for implementation.
Note: It's fine to leave a style preference unspecified.

Activate Card

Set 4-digit PIN

Thank you. Your request has been successfully processed.

Global Styles

Font Stack (i.e. Helvetica, Arial, San-serif)
Font Color
Font Size
Background Color

Form Labels

Font Color
Font Size
Font Weight (i.e. normal, bold, bolder, lighter)
Font Style (i.e. normal, italic, oblique )

Headers

Show Activate Card Header
Show Set PIN Header
Header Font Size

Button Styles

Font Stack (e.g. Helvetica, Arial, sans-serif)
Border Radius (e.g. 0, 10px, etc...)
Button BG Color
Button Font Color
Hover State BG Color
Hover State Font Color

Error Message Styles

Font Stack (e.g. Helvetica, Arial, sans-serif)
Font Color
Font Size (Maximum 18px)
Font Weight (i.e. normal, bold, bolder, lighter)
Font Style (i.e. normal, italic, oblique )
Background Color

iFrame Size

width (in pixels): height (in pixels):
Try it out!
Show Styles
Select Text to Send to Marqeta