How to Add Audio to Your WordPress Images

How to Add Audio to Your WordPress Images

Did you know that you could add audio to your WordPress images? We had no idea until we stumbled upon this little gem of an article the other day talking about adding audio to images… Say what?! This feature gives users the option to play short audio clips on selected images while browsing your site. Cool huh?

Think of the possibilities! You could add short stories giving background information about the image, showcase a product or service, simply add music, create a how-to clip about a specific step in a procedure, really…we could go on all day.

So I’ll just start with how to get started…

How to Add Audio to Images Using WordPress Editor

If you use WordPress Editor, all you need to do is install and activate Audio Story Images. Once the plugin is activated, all you need to do is:

  1. Upload an image and audio file to your media library. (Make sure you are in LIST view, not GRID view).
  2. You should see a column for “Audio Story”. Click “Attach” next to any image you would like to add audio to. Select the audio track using the radio buttons on the popup and click “Select”.
  3. Insert image into page using normal “Add Media” button in the WordPress editor.
  4. Publish page and test!

How to Add Audio to Images Using Divi

The process is a little more complicated with Divi, but once you get the process down, it’s really not much different than the WordPress Editor process. Really, there’s one additional step. lol.

  1. Follow steps 1 and 2 from WordPress Editor instructions above.
  2. Add a normal text module to the page and use the “Add Media” button to insert the image.
  3. Save the image module and update the page. You will not see the audio image in preview mode so you will need to publish to see it.
  4. Publish the page and test!

That’s it folks! We would really love to hear how you plan to use this cool new feature in the comments below. If you find yourself in need of a technical virtual assistant to help you with your WordPress website, shoot us an email, and we can help you figure it all out together.

Web Design and the Psychology of Color

Have you spent hours working on the perfect website only to find out your conversion rate is kind of lame? You’ve done some A/B testing on layout and content but nothing seems to be working…

Have you tried changing the colors?

Studying and understanding the psychology of color is critical when it comes to maximizing your websites overall design. Getting your color scheme right can help compel customers to take action by grabbing their attention and triggering the right emotions needed complete the sale. But take note… it’s not as simple as changing the color of a button to red or a header to blue. While color can mean something to every person, it’s meaning can vary from person to person depending on their personal preferences and cultural background.

Let’s take a brief look at our STF color chart… it will give you a general understanding of how colors can make us feel:

psychology of color chart

The color of psychology goes beyond changing the colors on your website. You really need to take your whole brand into account. Below we’ve listed a number of companies who have built their entire brands around specific colors.

Orange (companies that want to express a fun, cheerful, and confident culture) – Nickelodeon, Amazon, Fanta, and Shutterfly
Red (companies that want to express a exciting and bold culture) – Coca Cola, Netflix, Target, and Lego
Blue (companies that want to express a more dependable and trustful culture) – Dell, Lowes, AT&T, and Pfizer

Have you thought about how you want your brand to be expressed? Do you consider your company fun and bright like Nickelodeon, or dependable and strong like Lowes? If your company is actually a luxurious purple company, it doesn’t really make sense for your site to be bright red. Start off with some purple accents and backgrounds then work in some blues and greens to help buttons and other calls-to-action stand out. Don’t go overboard on the color options, keep it simple. Stick with 2-5 colors, tops! If you’ve got a whole rainbow on your site, all you’re going to do is confuse people.

In all reality, figure out what your color palette is and what might attract your niche market the most. If you’re having a hard time trying to figure out what your brand personality is and how you should update your site colors, shoot us a note 🙂 We love helping companies show their true colors to the world!