Hero Banner Columns Slider Breadcrumbs Button HTML Image with Text Photo with Hotspots Image Tile Category Tile Product Tile Tabs Helper Classes Video Timer/Countdown Interrupters
All Modules have buttons that are left aligned unless otherwise noted.

check 'em out

Easy On, Easy Off

PopGrip & PopWallet+ for MagSafe

Shop MagSafe

HOLI-YAY!

Cooler than a pack of peppermints

Shop Holiday

3x Image with Text

As Seen On TikTok

Let us see you flex

Shop TikTok Collab
Shop Plant-Based Grips

Coke Unity 1971

Coca-Cola X PopSockets

Shop the Collection

4x Image with Text

Secondary Text

Shop Cases

Secondary Text

Shop Wallets

Secondary Text

Shop Mounts
Shop Grips

Image with Text

Background Video

Secondary Text

Shop Now

Image with Text

Square Aspect Ratio

Image with Text

Landscape Aspect Ratio

Image with Text

Portrait Aspect Ratio

Icon with text module

PAP-3316

Please use the following configurations to create Icon with text layout as per new design

  1. Add 4 column layout in Main Region
  2. Choose option 4 rows, 1 column from Mobile Columns dropdown.
  3. Add Image with text component in each column
  4. Add headline-xs class in Subtitle Class field.
  5. Add body-copy-m-book class in Primary text class field.
  6. Choose option left from Text alignment dropdown.
  7. Enable Enable icon with text layout option

Hold up to three cards

Easily access your cards without removing the wallet from your device.

Snaps on and stays put

Carry confidently—our magnets are 40% stronger than most MagSafe accessories.

Works with any phone

Compatible with iPhone 12 or newer with a MagSafe phone case. Upgrade any phone case to work with magnetic accessories with the included magnetic adapter.

Wireless charging compatible

Need a charge? Snap it off for easy MagSafe and wireless charging.

Image With large Text

  1. Add 2 Column layout
    • Use custom class “image-large-text”
    • Column 1 Desktop Width: 5/12
    • Column 1 Mobile Placement: Bottom
  2. In Column 1 add the image with text component.
    • Just upload the required images for desktop & mobile
  3. In Column 2 add the Hero Banner component
    • Text Placement: Top Left
    • Text Width: 3/4
    • Text Alignment: Left
    • Add Title text and use class “headline-xxl mb-5“.
    • Add body text and use the class “body-copy-l-book”.

Easy

Money

Wireless charging + one-handed texting + room to stash your ID and credit card. That’s real utility. That’s the power of the Phone Wallet+ for MagSafe.

Shop the collection

GIF test module

GIF test