Skip to main content

Audio

Use Audio to place a styled audio player on a page, especially when the offer uses voice notes, short testimonials, or audio-style social proof.

How It Works In Atomicat​

The drawer includes a username field, an audio style selector, MP3 media selection, and a user image selector. Available presets include WhatsApp-style and Instagram-style presentations. The media picker is intended for MP3 uploads, and the element can show a user or avatar image alongside the audio presentation.

When To Use It​

  • Add a voice-note testimonial next to a written proof block.
  • Use a WhatsApp-style audio card in conversational landing pages.
  • Show a short founder or specialist message without embedding a full video.
  • Make audio proof feel native to the page design with a username and avatar.

Configure The Element​

  • Enter the username or sender label visitors should see.
  • Choose the style preset that matches the story format: WhatsApp 1.0, WhatsApp 2.0, or Instagram.
  • Select an MP3 file from the media library; avoid unsupported formats.
  • Choose a user image if the design should show a sender avatar.
  • Adjust spacing and responsive layout in the style drawer after the audio content is loaded.

Testing Notes​

  • Play the audio in preview and on the published page.
  • Test on mobile with sound controls visible and reachable.
  • Compress long audio before upload; short clips usually perform better in funnels.

Limitations And Tips​

  • The drawer is built around MP3 media, not arbitrary external audio embeds.
  • Autoplay is browser-restricted and should not be assumed.
  • Audio should support the sales argument; do not force visitors to listen to understand the offer.

FAQ​

Which audio file type should I upload?

Use MP3. The media picker for this element requests MP3 assets.

Can I make it look like WhatsApp?

Yes. The audio style options include WhatsApp 1.0 and WhatsApp 2.0 presets.

Should I add a transcript?

For accessibility and conversion clarity, place important audio claims in nearby text as well.