The widget library for WordPress is here Download plugin

Contact Cards Duo

Free

The Contact Cards Duo is an elegant, minimalist widget designed to present contact information for team members, sales representatives, or points of contact in a visually appealing card format. This widget is perfect for contact pages, team directories, sales landing pages, or any scenario where you need to provide clear contact information in a professional, accessible manner. The design features two large, pill-shaped cards positioned side-by-side, each outlined with a subtle border that creates definition without adding visual weight.

Each card is designed to hold contact details such as name, email address, phone number, or any other relevant information, presented in a clean, centered layout with generous padding that ensures readability and creates a sense of spaciousness. The widget includes a prominent headline and supporting descriptive text above the cards, providing context for the contact information being presented. The entire section sits on a customizable radial gradient background that can be adjusted through CSS variables, allowing you to control gradient colors, position, and spread to align with your brand aesthetic. Smooth fade-in animations bring the title and cards to life sequentially, creating a polished, professional presentation. The oval card shapes add a soft, approachable feel that contrasts nicely with the more structured layouts typically found on contact pages. This widget is ideal for presenting primary and secondary contacts, sales and support contacts, or any scenario where you need to offer multiple contact options. The responsive design ensures the cards stack vertically on smaller screens while maintaining their elegant proportions.

How to use this widget

  • Change your content and adjust the styles to match your design
  • Click export and copy the code
  • Paste it on your web page by adding a code/html block in your website builder (e.g., Squarespace, WordPress, Webflow, Wix) and paste the code.

👋 P.S. Have questions? Leave a comment.