Month: November 2024

Is learning the basics of web design still on your “someday” list? Why haven’t you got started yet? We’ve put together 30 tips and resources to help you start learning web design this month (and maybe even find yourself a new career path!)

Graphic designers, print designers, and creatives looking to learn something new or break into website need to quit procrastinating. Every day that you don’t take that first step leaves you one day further behind everyone else!

Follow these steps to begin learning how to create your first website, industry best practices, and much more—all in 30 days!

1. Start a Website

The best way to start learning web design is to start doing it. That’s the advice from David Kadavy, author of Design <for> Hackers.

I recommend you start a blog. I started a blog just to have a web design playground, and 7 years later, I launched a best-selling book on the subject. Having a personal project, such as a blog, gives you a place where you can try new things, and your boss won’t fire you if you mess up.

You don’t have to start with a massive website or crazy design; start small. Play with the website, figure out what makes things work. (And make sure to inspect the code, so you can start getting familiar with what’s making your website work.)

Want to get started quickly? First, create your visual sitemap. Then, a website builder like Wix can help to give you a head start with a stylish website design, as you begin to learn the concepts and building blocks of what goes into a website.

2. Read Everything You Can

Start reading. Because you are on this blog, you’re probably used to keeping track of what’s happening in the world of design. Keep reading.

Read everything you can about website design, and trends, and techniques, and best practices. Follow designers you admire on social media.

Cast a wide net for your website design reading as well. Read about the basics to learn some code, read about design theory and read tutorials and current articles.

3. Be An Effective Communicator

If you aren’t the most articulate person, brush up on those skills. A big part of website design is communication.

Website designers have to communicate with clients regularly to figure out what problem the design needs to solve; they have to communicate those solutions and implement them as well.

4. Subscribe to Tuts+ & Envato Elements

Consider a subscription to Envato Elements, which also gets you access to the excellent Tuts+ learning resource.

Tuts+ publish regular courses on graphic and web design, from basic techniques, through to the latest advanced approaches and developments. It’s completely self-paced, taught by expert instructors. You’ll also get access to Envato Elements, which is a great resource for finding graphics, templates, and more to plug into your web design work.

5. Think in HTML

HTML, or hypertext markup language, is a cornerstone of website design. HTML is the skeleton that helps create the structure of a website and once you can read the language, the world of website design will make a lot more sense.

W3Schools has a great HTML starter tutorial with hundreds of HTML examples that you can play with on the screen to see what happens and exactly how it works. (You might find it more intuitive than you imagined.)

6. Play with Code at Codeacademy

While HTML is a good start, you can learn almost any programming language from Codeacademy. The free set of tools teaches you to code using interactive activities and games.

You can pick up a Codeacademy course where and when you need it and start and stop as needed. Pick a subject to learn – web development, programming, data science – or language to focus on – HTML & CSS (a great place to start), Python, Java, SQL, Ruby, and more.

7. Learn to Understand CSS

CSS, or cascading style sheets, define the presentation of a document written in HTML, or XML and SVG.

As defined by Mozilla

CSS describes how elements should be rendered on screen, on paper, in speech, or on other media.

Mozilla also has a great collection of CSS resources to get started, with a solid introduction of how CSS works, including selectors and properties, writing CSS rules, applying CSS to HTML, how to specify length, color, and other units in CSS, cascade and inheritance, box model basics, and debugging CSS. Then modules move on to explain styling text and boxes.

8. Apply Your Design Skills to the Web

If you are already working in a creative or graphic design field, think about the things you already know that you can apply to website design as well. The principles that make something visually appealing don’t change based on medium and all that design theory will come in handy in the digital space as well.

While elements such as learning code might not feel natural, having a design background is a huge bonus. What good is a beautifully coded website if not one wants to interact with it?

9. Pay Attention to Websites You Love

Take note of websites that you love. What about them is appealing to you? (And how can you learn to replicate those elements?) Pay attention to:

• Typography
• Navigation
• Use of images and space
• Design of forms
• Animation and scroll effects
• Color

10. Draw a Wireframe

Wireframing is a web designer’s brainstorming.

In its purest form, a wireframe is a sketch of what the website will be. It’s not an outline of aesthetic elements, rather a blueprint of the website. Drawing a wireframe isn’t really about the look of this design, it’s about the information structure therein.

Not sure how to create a wireframe? Digital Telepathy has a guide of best practices to help you learn.

11. Take Some Time to Learn Sketch

Sketch is a vector-drawing tool for Mac that makes it easy to create design elements. A lot of designers are turning to Sketch to create UI elements and repeating design blocks.

It’s packed with plugins and allows you to export code for easy use and access. It’s one of the most powerful, and popular, tools to come around since Adobe’s Creative Suite and worth your time.

12. Stay Up to Date with Technology

AI, VR, AR, 360-degree video, bots.

It can be hard to keep up with so many new technologies and trend. But you need to make a point to stay on top of these changes.

Tackle them one at a time and start with technologies that are the most directly related to the work you do. If you have a website with online chat, start by learning about bots. Or if you use a lot of video content, play around with 360-degree video.

Elements such as artificial intelligence and virtual or augmented reality are even more complex but are likely to become integrated parts of the website design landscape down the road. At a minimum, you should know what they are and what the potential uses might be.

13. Get Comfortable with SEO

While many web designers think an SEO specialist can handle getting a website ready for search engines to read, there’s a lot of design work that’s connected to SEO.

From the way images are uploaded to creating clean code that’s fast to including meta descriptions on pages and elements, the designer should incorporate search thinking into their workflow.

Freelancers, this is vitally important for you as well. Most clients are savvy enough to ask for an SEO-optimized website. If you work alone, you need to know enough to create a solid framework that Google can read (and be able to refer the client to an SEO specialist if more work needs to be done).

14. Play with a Website Builder

A website builder can be a great way to get comfortable with best practices and how to start building and designing websites.

Most of these tools have plenty of templates and allow you to customize elements and even add code snippets. For simple sites, many website builders also have a free plan where you can create a personal portfolio page or basic website that serves as a playground for you.

Then pick apart the pieces within the website builder. Look at how they are designed and coded to get a feel for how it all comes together. You’ll be amazed by what you can figure out just by picking another design apart.

15. Find a Mentor

Is there someone you work with that you admire as a web designer? Take them to lunch and pick their brain about the industry.

Finding a mentor that is willing to work with you and help you think about the field and how to learn web design on your own can be invaluable. And while you can probably find a mentor in an online community, nothing is better than a live person that you can meet face-to-face periodically. (Maybe it is worth having online and in-person mentors.)

16. Join the CodePen Community

Once you start getting comfortable with some code and programming, you want to join the CodePen community. The open-source community allows you to share and edit code snippets in a social network of sorts.

Here’s a little more from the site’s founders: “CodePen is a social development environment. At its heart, it allows you to write code in the browser, and see the results of it as you build. A useful and liberating tool for developers of any skill, and particularly empowering for people learning to code. We focus primarily on front-end languages like HTML, CSS, JavaScript and preprocessing syntaxes that turn into those things.”

17. Take a Class

For some learners, a more formal classroom setting is best.

There are a ton of classes available – in-person and online – for you to learn web design basics. Start with a local college or online learning hubs such as Udemy or Coursera. Pick up a class at your current ability level and just keep moving forward.

18. Want to Do Something? Google It

For the not-so-traditional-learner, find the answer to the web design problem on Google. There are so many tutorials and videos available that can walk you through almost any problem – and solution.

The key is to search exactly what you need to know and look to a reputable source for the answer. Here’s another tip when it comes to tutorials and videos – more recent content is probably going to give you a better, more complete and more relevant answer. (Remember, some of this stuff is changing fast.)

19. Pay Attention to the User Experience

Nothing can make or break a website like user experience design. You need to plan for it and understand it.

Here’s how the Interaction Design Foundation describes UX design:

User experience (UX) design is the process of creating products that provide meaningful and personally relevant experiences. This involves the careful design of both a product’s usability and the pleasure consumers will derive from using it. It is also concerned with the entire process of acquiring and integrating the product, including aspects of branding, design, usability, and function.

UX designers, or designers who are aware of the process of experience formation, seek to create and shape the factors influencing the process deliberately. To do this, a UX designer will consider the Why, What, and How of product use.

20. Pay Attention to Design Trends

What does a modern website design look like? It’s not a trick question. To design modern websites and user experiences, you need to know what users want and how they are interacting with it. If the last time you downloaded an app or looked at a website on your phone was 2016, you’ve got a lot of ground to make up.

Creating website designs that have modern touches and trends integrated into the design will help your projects stand out. How do you know what’s trending? Keep reading sites like this and pay attention to what other designers are doing. Take note of colors and styles and features that are included in the websites you visit frequently.

21. Create Without Color

Start every design without color. A great designer once told me that if your design works in black and white, it will be flawless in color.

That might not always hold, but it is a great starting point.

By creating designs in black and white, you can see where elements contrast and how they play together. You’ve stripped out any emotional associations with color or eye movement that happens because of it. This simplest form of design will give you an idea if something works as a concept before you move on to finalizing it.

22. Learn to Love Google Fonts

Google Fonts is your friend.

Regardless of how you feel about Google, the ability to browse, sort and select typefaces that you know will work in website designs is important. You don’t have to think about licensing or if typefaces are compatible with specific browsers or not.

The limitation is that you only have what’s in the Google Fonts library to work with. But if you try you can find something that will fit almost every project. It’ll save you a lot of time in the long run.

23. Pick Apart a UI Kit

Download a user interface or icon kit and pick it apart.

Just as you can inspect the code of a website, look at how design elements are constructed for the web. Take note of the scale and grid, look at the color mixes and how files are organized within Photoshop or Illustrator.

Look for a kit to download that includes elements in multiple formats for high-resolution displays. (Downloading a bunch of JPEGs isn’t going to serve you all that well.)

Then try to build or customize an element or two of your own.

24. Become a Typographer

Modern website design has a strong focus on typography … good typography. From hero headers with giant words to layers of text that draw a user into the design, understanding the principles of how to pair type elements and construct engaging text blocks is vital.

Start with Ellen Lupton’s Thinking with Type. (There’s also a book of the same name.) Lupton is the authority on typography and her information will have you thinking like a typographer in no time.

25. Jump into JavaScript

When you are starting to feel pretty good about dabbling with web design, challenge yourself again to learn JavaScript. After HTML and CSS, it is the most important language of the web.

JavaScript is a tool that allows designers to implement complex things and interaction on web pages. It’s what makes a slider slide or that parallax animation animate.

Learn JS has an interactive tutorial to help you get started.

26. Update Your Portfolio

Once you start designing for the web, make sure to update your portfolio with web design projects. This simple action will help you show yourself … and others … that web design is part of your repertoire.

An updated portfolio can help potential clients see what your “style” looks like. Make sure to showcase layouts, colors, typography and different techniques that show what you can do.

27. Challenge Yourself

With so many shortcuts and code snippets to help you fix almost any website issue you are having, don’t get lazy. Remember to challenge yourself continually to learn new skills, new technologies and keep improving your web design game.

The one thing about this field is that it is constantly changing; there’s always something new to learn or try.

28. Maximise Your Experience

Get out there and design. You have to start designing websites to be a web designer.

Start small, but take on projects with others. Ask to join in on a project with a team at work. Tackle a small website for a friend. The more experience you have building websites, the better and faster you will get.

What are you waiting for? Stop procrastinating.

29. Ask for Feedback

Use your network to collect feedback on your website design projects, no matter how small you think they are. Listen to this feedback – even if you don’t like it and see what you can learn.

Aside from visual preference, did the person providing feedback offer suggestions for making the website function better? Could they easily understand the goal of the design? Did they connect with the messaging?

30. Keep Learning New Things

To be a great website designer, you just need to keep playing, trying and learning new things. Make a point to network and communicate with others in the field so that you can stay on top of techniques and visual changes that are in-demand.

If you are looking to learn website design, then this is probably already something you regularly do. But this is an evolving field, and it keeps changing almost every day. Just ask anyone who is doing it.

There are, it would seem, as many AI marketing tools as there are stars in the sky. Do you really need to use them? Probably. Do you need a dozen of them? Probably not.

Here’s a guide to help you cut through the chaos and confusion of AI marketing analytics tools to find some that really work for your needs.

Table of Contents

• How to Use AI for Marketing Analytics
• Tools for Marketing Analytics

How to Use AI for Marketing Analytics

Marketers are using AI in many ways: content creation, automation, efficiency and speed, and more. I talk to a lot of marketers, and it’s rare that I find somebody who isn’t using AI for something.

A lot of marketers find that AI analytics tools are tremendous time-savers. Earlier this year, I spoke with Brent D. Payne, an SEO and the CEO of Loud Interactive, who told me about the proprietary AI tools he uses: “What used to take us a month to do, we have programmed — it took us three months to program it — but we have now programmed to get done in about three hours.”

For this guide, I’ve focused on just analytics tools, though there’s often overlap with uses like content creation and efficiency.

I’ve also included a couple examples of AI-powered tools for each use case, so you can get a sense of the marketing analytics landscape (and how vast it is).

That doesn’t mean you need a different tool for every step of your marketing campaign — many of them (including, ahem, HubSpot’s) use AI to provide analytics for multiple use cases.

Let’s get into it.

1. Data Analysis and Insights

Data analysis is perhaps the most obvious use for AI marketing analytics. Here’s a couple ways current tools can provide more — and faster — insights:

Social Media and Community Monitoring

As somebody who has been known to fall down a research rabbit hole or two, I like to use a mix of community research and trusted resources. (Depending on what I’m researching, a “trusted resource” might be as simple as a company website.)

That’s great for me as a consumer and less great for me as a marketer. AI tools can illuminate the dark funnel, where your potential customers might be researching via social media, Reddit, or other typically untraceable places.

Examples: Audiense, Brand24

Customer Feedback and Sentiment Analysis

In JPMorgan’s 2024 Business Leaders Outlook, nearly half of surveyed companies reported using AI tools like ChatGPT, virtual assistants, and chatbots. And those tools are largely being met with open (human) arms.

A 2024 study of European consumers showed an overwhelming willingness to engage with AI chatbots for customer service. (Spanish consumers were the most likely to engage, with 82% willing to speak to a bot; English consumers were the least likely, at 66%.)

Image Source

HubSpot’s chatbot uses AI to help generate leads.

Although they’re ostensibly customer service and/or lead gen bots, these AI chatbots are also able to collect enormous amounts of data that yesteryear’s marketer could only dream of — sentiment analysis (is the consumer swearing in all caps? Definitely not a happy camper), demographic info, even identifying a faulty product or breakdown in customer service before it snowballs.

Examples: SentiSum, Qualtrics

2. Brand Perception

HubSpot released a free tool in 2024 called AI Search Grader. You tell it a little bit about your brand; it tells you how your brand is perceived by AI search engines.

Image Source

It uses sentiment analysis to determine how AI search engines perceive your brand, information that can be especially useful for marketers and SEOs who are navigating emerging AI trends in the search landscape.

I’ve used it for a few brands I’m familiar with, and I found its recommendations and analysis to be pretty spot-on.

Examples: HubSpot’s AI Search Grader, of course; AgoraPulse

3. AI Personalization

Marketers know that personalization is a key strategy for building consumer trust and brand loyalty. Savvy marketers know that “personalization” goes a lot deeper than just using a customer’s first name.

Predictive personalization can make your customer feel like your brand gets them. It can make product recommendations based on shopping history and past purchases, find emerging trends in customer behavior, and even forecast outcomes for marketing campaigns for more informed decision-making.

Examples: Optimizely, Albert.ai

Customer Segmentation and Targeting

If you’re using an email marketing platform, you’ve probably already seen AI at work when you add a subject line to your email — more often than not, there’s an option to generate a subject line using AI.

I’ve used some platforms that use AI to let you play with tone, generating and regenerating copy that’s funny, formal, or somewhere in between.

Example: Twilio’s Segment

Personalized Ads

AI can automate the creation of personalized ad variants, allowing for extensive testing of different creatives to determine which resonates best with specific audience segments.

Examples: Smartly.io, Google Ads

4. Email Marketing Automation

Most email marketing platforms these days use AI to some degree, including HubSpot.

If you’re skeptical, consider this: In our 2024 State of AI in Marketing report, 75% of the thousand-plus marketers we surveyed say that using AI for automation helps them reduce the time spent on manual tasks, and gives them more time for the critical or creative aspects of their job.

You know, the fun stuff.

Other examples: ActiveCampaign, Litmus

Real-Time Updates

AI analytics tools can continuously handle and process data in real time, letting you, the marketer, adapt and fine-tune your strategies.

AI tools can update sales sequences in real-time, allowing marketers to adapt their email strategies based on current data and customer interactions to increase engagement.

Advanced A/B Testing

“A/B testing, but make it more” sounds more like a meme than a marketing tool.

But in a Marketing Against the Grain podcast episode, HubSpot CMO Kipp Bodnar says that AI is poised to take marketers from “A/B testing to A/Z testing, because the AI can do many different creative versions.”

Image Source

I had to know: I used Leonardo.ai to see what it would do with A/B testing and the “make it more” meme.

We’ve even got a tool below that lets you do A/B and multivariate testing with video, by using AI to replicate a video that you create, so you can test its performance. For text-based content, this can be useful to test elements like email subject lines.

5. Mapping Customer Journeys

Mapping a customer journey by hand is an excellent way to understand the concept — and it’s a good place to start if you’re new to marketing — but it’s not the most efficient way to map at scale.

Predictive Analytics

A customer journey or buyer’s journey describes the processes your customer (or buyer) goes through when they interact with your brand.

As AI gathers data on your current customers as they move through the funnel, it can predict likely next steps, anticipate obstacles, and identify opportunities for personalization.

Real-time Journey Optimization

Like real-time updates in email platforms, AI can continuously monitor and analyze customer journeys.

That might mean adapting the journey, depending on the customer’s preferences, or figuring out the best times to trigger personalized content or offers.

Examples: Glassbox, Milkymap

There are dozens (and dozens) of AI marketing tools available. Here’s a few that HubSpot AI pros are talking about:

1. Breeze by HubSpot

Image Source

Breeze, HubSpot’s AI, has three tools to provide assistance: Breeze Copilot, Breeze Agents, and Breeze Intelligence.

Breeze Copilot (formerly known as ChatSpot) works with AI and your CRM data to help you get work done faster without sacrificing quality.

Breeze Agents can help teams automate work and provide tactical knowledge, and Breeze Intelligence can identify your target market, gauge the intent of website visitors, and enrich contact and company data within HubSpot.

Breeze Intelligence in particular, which consists of over 200 million buyer and company profiles, has deep analytical capabilities. It can help you improve form conversion rates, identify buyer intent from companies visiting your website, and keep your database fresh with regular updates.

Image Source

Breeze social media agent is one example of how analytics can save you time and brainspace: It uses your past performance, business details, and industry best practices to make your social media content more effective.

Bonus: 95% of our customers say that our AI is easy to use.

2. 1Mind

Image Source

If you’ve ever started a new customer-facing job, you’ve likely had interactions where you realized that you hadn’t accumulated enough institutional knowledge to answer questions and solve problems with ease.

1Mind was designed to overcome that problem with an all-knowing (about your product or service, at least) AI avatar that can deliver a human-like chat experience to customers.

Watch HubSpot marketing SVP Kieran Flanagan talk to the AI avatar of One Mind creator Amanda Kahlow:

3. 6sense

Image Source

HubSpot contributor Brian Grover writes of 6sense, “I’ve found that when only a small fraction of a total addressable market is buying at any given time, having insight into who is actually looking can turn marketing from guesswork into a predictable pipeline."

Grover says that the newest iteration of 6Sense "has AI sifting through the massive amount of intent data to surface actionable insights” — which lets your team focus on the highest-value tasks and activities.

Pro tip: Grover says that 6Sense “can help you match buying signals to accounts across devices and channels.”

4. Common Room

Image Source

One of the first things I do when researching a product or service I might want is to see what everybody else is saying.

That might be as simple as looking at Yelp reviews for a new restaurant, but I’ve also used X and Threads to ask my peers for recommendations.

HubSpot has approximately one (1) zillion Slack channels, and I’ve used it to get movie recommendations and even find a roofer.

Since that’s how most consumers do their research these days, one of Common Room’s services is an AI-powered playbook that can identify ideal customer profiles (ICP) in your community.

If you have a Slack community or use a support forum like Discourse, you can create an ICP in Common Room, which helps you “identify ideal customers in your community” and alert your team when “an ICP is active in the dark funnel,” that is, the untraceable places consumers talk about your service or product, like text messages, word of mouth, or third-party review websites.

Pro tip: Common Room integrates with HubSpot — so if you’re already a HubSpot user, check out Common Room’s HubSpot integration guide.

5. Humantic.ai and 6. TryScout.ai

Image Source

In a Marketing Against the Grain podcast episode, Flanagan describes TryScout.ai as a tool “that allows you to ingest data and build campaigns around that data that are very personalized.”

Humantic.ai, Flanagan says, is “very similar,” helping marketers figure out their ideal customer profile.

Image Source

These platforms are focused on extracting intelligence from buyer data and crafting personalized campaigns or messages.

Pro tip: TryScout.ai works with LinkedIn to pull leads, and it fills in the blanks that the briefcase app leaves open, like emails and phone numbers.

7. Icon

Image Source

HubSpot CMO Kipp Bodnar describes Icon as “basically [taking] one video — they're even matching you with a creator — then … making 20, 50, however many versions of that video. And then testing them all against each other to see what performs the best.”

HubSpot marketing SVP Kieran Flanagan and Bodnar’s co-host on the Marketing Against the Grain podcast, notes that creator ads tend to perform better than just about anything else “because it brings in an authentic voice.”

Once a creator makes one video, Icon can turn it into 20 and do granular A/B testing on hooks, stories, and calls to action.

Pro tip: Flanagan says that if you’re in a space with a lot of creators, and if advertising is core to how you acquire new demand, you’re well positioned to use a tool like Icon. He suggests experimenting with attaching Icon to your paid advertising and seeing how well those ads run.

Save Time with AI

A lot of folks I talk to remain skeptical about AI, particularly as it’s being used in content creation and other creative tasks.

But when I talk to people who are actually using AI day in, day out, there’s a common thread: AI can’t replace human brains, but it can make a lot of mundane tasks a whole lot faster.

Any of the tools above will let you dip your toes in the AI waters — and give you some time back to do the creative and strategic tasks that you’re great at.

The evolution of Instagram has been action-packed. One day, we’re trying to find the perfect filter for a square-cropped photo of a cup of tea; the next, we’re exploring how to get approved for Instagram Shopping.

At least, that’s how this marketer’s story arc went.

The platform has gone from a simple feed of blurry photos for our friends to a powerhouse for businesses looking to build awareness, generate leads, and sell.

But is it really worth the hype?

Below, we’ll explore new HubSpot research to answer this question, detail how to get approved for Instagram Shopping (with some advice from my own entrepreneurial adventures), and share some tips for selling successfully.

New to Instagram? Our free Instagram for Business Kit can help you lay the foundation for your strategy.

Table of Contents

• Are Instagram Shopping tools effective in 2024?
• Should you use Instagram Shopping for your business?
• Can Instagram Shopping be your only sales channel?
• How to Get Approved for Instagram Shopping
• Instagram Product Tagging
• Savvy Tips for Getting the Most Out of Instagram Shopping

Are Instagram Shopping tools effective in 2024?

“Effective” really depends on your business goals and resources. Still, HubSpot blog research found that 37% of social media marketers reported seeing 25-50% of viewers click through within the first 30 days of publishing a shoppable post on Instagram.

About a third of marketers said 25-50% of these clicks lead to purchases, while 40% estimated the same amount went to non-purchase-related conversions like email subscriptions or content downloads.

These numbers are nothing to scoff at, and they are only growing.

See more in “The HubSpot Blog's Instagram Shopping Report: Data from 500+ Instagram Marketers.”

Clearly, Instagram Shopping can be effective for driving sales and leads that can be nurtured, but is it right for you?

Should you use Instagram Shopping for your business?

The simple answer is yes — and I say this as both a marketer, consumer, and aspiring entrepreneur.

For instance, the numbers show that social selling is poised to be a huge profit driver.

According to our 2024 Consumer Trends Report, social media is the #1 channel for product discovery for most consumers, and one in four users has actually bought something on a social app in the past three months.

Looking at this, 84% of my fellow marketers predict social media shopping will overtake third-party websites like Amazon and brand websites as the preferred channel for buying, and I agree with them.

Just think about your own buyer behavior. Social selling is really where things are shifting.

Our research also found modern consumers shop on their phones more than any other device, and this is where they’re most actively engaged on social media as well.

It only makes sense that the two behaviors unite to make shopping as convenient and, frankly, natural as possible.

Instagram, specifically, has an influence that can’t be ignored. According to GWI, it’s the social media platform with the highest cultural impact. It’s where billions hang out, learn, monitor news, be entertained, and even connect with brands.

Image Source

It’s the world's third-most popular social media platform and the second-most used for social purchases.

So, it’s certainly worth experimenting with. Plus, only about half of marketers today take advantage of Instagram shopping and social shopping in general.

That means brands that embrace them now truly have a chance to make an impact without worrying about noise or competition.

Learn more about the current state of Instagram marketing and how to adapt your strategy in our 2024 Instagram Engagement Report.

Benefits and Challenges of Instagram’s Shopping Tools

Let’s get more granular about what Instagram Shopping can look like for your business by breaking down the pros and cons.

Pros and Benefits of Instagram Shopping

1. Product Discoverability

When we asked marketers about the biggest benefit of using Instagram’s shopping tools, their number one answer was the increased product discoverability.

As we discussed, Instagram is the third most popular social media platform and welcomes around 2 billion monthly active users.

Also, according to the Kepios Instagram Statistics Report, 62.7% of Instagram users report following or researching brands and products on the app. Add features like the Explore tab, and the opportunity to get your product found by new buyers is massive.

2. Better Shopping Experience

Gone are the days when you needed to leave the app to make a purchase. Now, you can discover a brand and purchase all in the same breath. This means a more enjoyable process for consumers, which can lead to more sales.

In addition, Instagram’s “save” feature (similar to a wishlist) allows users to save products they’re interested in and even be notified if/when they go on sale. (I know I’ve taken advantage of this many times.)

3. Easier Influencer Collaboration

Another key advantage of Instagram’s shopping tools is that influencers can tag products. When you work with creators, they can easily tag the products they’re promoting in posts or Reels and send traffic directly to the brand’s Shop page to take action.

Cons and Challenges of Instagram Shopping

Now, onto the not-so-great obstacles of Instagram’s shopping tools.

1. Fees

Recent HubSpot blog research found one of the biggest challenges for marketers is the fees associated with Instagram’s shopping tools.

37% of marketers aired grievances about Instagram’s selling fees, which are currently 5% per shipment or a flat fee of $0.40 for shipments of $8.00 or less.

This is a fairly high cost, but they could very well avoid it by directing traffic to their website instead.

2. Loss of User Data

Another big concern is the loss of user data. When Instagram serves as the end-to-end sales platform, brands can lose valuable data that could inform future strategies, such as browsing behavior.

Can Instagram Shopping be your only sales channel?

Our research uncovered that Instagram Shopping was the sole ecommerce platform for many brands.

In fact, 41% of marketers surveyed said most of the brands they work with use Instagram’s shopping tools exclusively. Is exclusivity a smart move, though?

One in four marketers said launching a product exclusively on Instagram is effective due to the high discoverability and ease of purchase.

83% even said they have worked with a brand that successfully launched a new product exclusively on the platform.

However, 15% said launching a product/service exclusively on Instagram is worse than launching elsewhere. So clearly, it could be hit or miss.

Pro tip: Test the waters first.

Like many things in marketing, I recommend approaching Instagram Shopping as an experiment. Honestly, considering some of the requirements, I was surprised so many businesses were using Instagram Shopping exclusively.

(More on that in our next section.)

But if you have met all prerequisites, have the means to maintain your Shop, and can afford the fees, go for it. Try listing your products to see if it helps boost sales.

This data will help you determine if it’s worth investing more or even all your efforts into the channel.

How to Get Approved for Instagram Shopping

Now that you have an idea of what to expect from Instagram Shopping, how do you actually get started?

As someone who has tried to set up Instagram Shopping for a passion project, I can tell you it’s not exactly easy. Nevertheless, it can be summarized in three big steps.

1. Make sure you meet all of the prerequisites.

To get approved for Instagram Shopping, you need to meet some specific criteria.

• Your business must be located in a supported market. (Instagram is currently available in about 20 countries.)
• Your business must comply with Instagram and Facebook’s Commerce Policies and Commerce Eligibility Requirements, demonstrating trustworthiness and accurate information about your products.
• Your Instagram account must be a business account. (Not creator, business.) This account must also be linked to a Facebook Page.
• You must have a website for your business.
• You must “check out on Facebook and Instagram” enabled. (This requires sharing tax and personal payout information.)

Sounds pretty direct and helpful, right? Hate to break it to you, but it’s not.

Things can get tricky once you start digging into the various links and policies. Meeting the criteria is often a process in itself. Speaking of which…

Pro tip: Before applying for Instagram Shopping, focus on growing your follower numbers.

Many of Meta’s policies are frustratingly vague, particularly the “Commerce Eligibility Requirements.

Regarding them, the website states that you must have “an authentic, established presence. This may also include maintaining a sufficient follower base,” but the specifics of what this means are not listed anywhere.

When I managed to get on the phone with Meta support last year for my store, I uncovered you must have at least 100 followers on your Instagram or Facebook page before you are eligible for Instagram Shopping.

While not the 10,000 it used to be, this is still a barrier to entry for new businesses, and Meta doesn’t state it anywhere.

Full disclosure: It’s been a while since I had this call, so I’m unsure if this follower minimum is still in place. But, granted, this was similar to the Facebook Live requirements (and those are still enforced), I think it’s worth not taking any chances.

Focus on growing your presence on Instagram, then go down the shopping road. I share 17 tips in this article.

2. Submit your product catalog.

Once all the pieces from step one are in place, you can create a product catalog in the Meta Commerce Manager to connect to your Instagram.

This catalog can be manually added (steps here) or pulled from another platform, such as Shopify or BigCommerce (steps here).

Personally, mine was pulled from a Square online store.

Note: This is actually where my Instagram Shopping journey paused.

From here, I learned I needed to have “check out on Facebook and Instagram” enabled, which required sharing personal information for taxes. It all makes sense, but definitely consider your feelings about data privacy before doing this.

3. Turn on Shopping features.

After your catalog has been reviewed and approved, you then need to actually turn on your Instagram shopping features.

To do this:

• Go to your Instagram business profile in the app and tap the hamburger menu. (The three horizontal lines are in the right-hand corner.)
• Hit “Settings.”
• Then, tap “Business” and “Shopping.”

From here, you should see a message confirming your account has been approved for Instagram shopping and find the “Shop” button added to your Instagram profile. Finally!

Image Source

Instagram Product Tagging

OK, I know that was a lot, but hey, you made it farther than I have so far. Congrats!

Now, you can start adding Instagram product tags (some call these Instagram Shopping tags) to your content.

Why should you tag products? Well, having your product catalog on Instagram is only helpful if people can find your products. Tagging is the easiest way to ensure that happens.

Plus, brands that use product tags generate 37% more sales than those that don’t.

How to Add Instagram Product Tags

You can add Instagram product tags to many different types of content on the platform, including feed posts/carousels, Stories, and Videos/Reels. Here’s how, according to Meta.

How to Tag Products in Instagram Feed Posts (Including Carousels)

1. When creating (or editing) a feed post, tap “Tag Products” to open the tagging menu.
2. Tap on the object you’d like to add product tags to.
3. Search your catalog to find the product you want to tag.
4. Select the product(s).
5. Tap “Done.”

Dollar Shave Club is great about tagging products in its feed posts. As you can see in this example, they tag a different product on each slide of the carousel.

How to Tag Products in Instagram Stories

1. When creating a story, tap the sticker icon.
2. Tap the “Product” sticker and select the product you want to tag.
3. Publish your story.

Many brands opt to link to their website in Stories to check out rather than tagging products — possibly to avoid fees — but Allbirds does a great job of including a mix of both.

Again, people can only use your Instagram Shop if they know it exists. Linking to it in content that gets a lot of eyes, like Stories, is a smart way to get the word out.

How to Tag Products in Reels/Videos

1. Once you’ve recorded your reel, tap “Tag Products.”
2. Add the products or collections you want to feature.
3. Tap “Done.”

South Asian fashion line HoliChic by Megha is not shy about tagging products in creative Reels. Just take this video, for example.

Watching this, many of you may be thinking, “But what if the products sell out?” Wouldn’t that make the content obsolete and create a bad customer experience?

While users may be disappointed to see a product out of stock, it’s not like they'll get slapped with a 404 page.

Tagging products in Reels still takes viewers to your Instagram Shop even if the products are sold out, so they can explore similar options.

Who knows, maybe they’ll find something they like even better.

Note: Businesses can tag up to five products per post and include tags in captions and Instagram Lives.

Savvy Tips for Getting the Most Out of Instagram Shopping

So, you know how to tag products and lead people to your Instagram Shop, but how can you truly get the most out of it? Here are some expert tips and tricks.

1. Optimize your product detail pages (PDP).

Like you would on your website or ecommerce store, optimize the product detail pages in your Instagram Shop to create the best shopping experience.

This means including the details buyers need to know to make a smart purchase decision in your descriptions, like:

• Pricing
• Product size/dimensions
• Materials/ingredients
• Product uses/benefits
• Shipping/return details

World Market has impressive PDPs, though they uniquely lead users to check out on their website rather than directly on Instagram.

You can view full details about the product, its price, how long it takes to ship, and even return information.

Need help with writing your product descriptions? Check out our article, “8 Strategies for Writing Product Descriptions That'll Generate Revenue.”

Pro tip: Product descriptions are also a great use case for AI tools like HubSpot’s Breeze.

2. Include high-quality images and videos.

Another important part of a successful product detail page on Instagram Shopping is high-quality images and videos.

As with any online shopping, people can’t touch and feel the products they’re browsing on Instagram like they could in person.

The visuals on your product page are their only chance to get an idea of what they’re actually buying, so make them clear, detailed, and visually appealing.

Once again, I have to praise HoliChic here. Their PDPs always include multiple visuals of their products, including studio and editorial images and videos.

If you’re new to product photography, don’t worry! Our article “The Beginner's Guide to Product Photography [Tutorial + Examples]” can help.

3. Work with influencers and customers to tag products.

Another thing you’ll notice on HoliChic’s PDPs is that they include tons of influencer and user-generated content.

That’s one of the best features of Instagram Shops if you ask me — The pages automatically pull in content where the product is tagged on the platform to provide even more detail for potential buyers.

Knowing this, you absolutely want to collaborate with influencers your audience loves to promote and tag your products in their content.

Affiliating with voices your buyer's trust speaks highly of your brand and helps you reach new audiences and increase your chances of getting sales.

Dig deeper into Instagram Influencer Marketing in The Ultimate Guide to Instagram Influencer Marketing for Brands.

Nike takes advantage of this in their Instagram Shopping strategy. As you scroll in their shop, you’ll see it highlighted in a section labeled “shop the feed.”

4. Set up collections (aka categories).

Collections, or categories as they're also listed, are one of the best ways to keep your Instagram Shop organized and make it easier for shoppers to navigate and find what they want.

Like Bath & Body Works, you can use collections to group products by themes, like new arrivals, gifts, seasonal trends, and even collaborations.

5. Be careful not to overlap tags.

As mentioned earlier, you can tag up to five products in your Instagram posts. However, be careful not to overlap them visually.

While it can be an eye-catching experience to tap on a post and see a bunch of different links come up (at least, I think it’s a fun surprise), if one tag covers another, it can look messy and confusing.

It also makes the tags in question harder to click.

In this example, Glossier does a great job of getting a lot of product promotion out of one post, but I wish the tags were just a little more spaced to make them easier to read.

6. Add Stories with product tags to Highlights.

Stories are Instagram's most popular feature, so, of course, you want to tag your products in them. But remember, Stories expire after 24 hours.

Don’t let all that great content go to waste. Make sure to add any Stories that include product links to “Highlights” on your profile so they don’t just disappear.

By doing this, your audience can enjoy the content for as long as you want to feature it, and an additional link and tag to your shop is maintained.

I really like Allbirds’ strategy of using Highlights to organize tagged Stories by product.

In fact, that’s where I got the example I shared earlier.

7. Promote your product content with ads.

Everything we’ve mentioned so far is a tried-and-true organic tactic, but let’s face it — it can take a while to see organic results on social media. If you have the budget, try promoting your product-focused content using Instagram ads.

Instagram ads (run through the Facebook Ads network) let you get specific about the audience you want to reach and pay to get your content in front of them.

Here are a few articles to get you started:

• The Ultimate Guide to Instagram Stories Ads
• A Step-by-Step Guide to Advertising on Instagram
• The Guide to Instagram Ad Costs
• Instagram Ad Specs & Sizes: an Updated Guide

Pro tip: If you’re just starting out with Instagram ads, don’t start from scratch. Experiment by “boosting” a post that is already getting strong engagement. What’s a boosted post, you ask? This article can explain.

Get approved, and get results.

Shopping on Instagram may not be the most common behavior right now, but it is growing.

If you’re an ecommerce business with the funds and the followers, use the tips we outlined in the article to get approved for Instagram Shopping and start seeing what kind of results it can drive for you.

I won’t pretend I’m an event marketer. But my mom has been a director of special events for over 20 years (shoutout to her), so I completely understand the importance of good event registration tools.

I’ve heard her rattle off the many tasks that need to be completed before, during, and after an event. And she comes from a small team, so it’s very easy for things to feel overwhelming … and quickly.

So, I did two things: 1) I sat down with my event pro of a mom to talk about her favorite event registration software, and 2) I scoured the internet to give you a few more options to choose from.

All I ask for in return? An invite to your next event 😉

Let’s get into it.

I’ve broken this list into three sections:

1. Free Event Registration Tools: You may see a familiar face here since it’s one option that’s always free.
2. An Event Director’s Favorite Tools: These are a couple of my mom’s picks based on her experience running events for a large, well-known non-profit for the last 20 years. (Here’s a hint: Great futures start there.)
3. Best Online Registration Tools: These are all of the highly-rated event registration tools that I found in my search that offer paid or both free and paid plans.

Pro tip: Before you start your search for the perfect event registration tool, I’d recommend creating an event checklist if you haven’t already. Might I offer HubSpot’s Ultimate Event Planning Checklist? It covers everything you need to know to seamlessly execute any event.

Anywho, happy browsing!

Free Event Registration Tools

1. HubSpot Free Online Form Builder

Download the Online Form Builder for Free

I know, I’m tooting our own horn a little bit here. But HubSpot’s Free Online Form Builder really does make it easy for you to design an event registration form.

The drag-and-drop builder lets you create, integrate, and share forms with your audience. Plus, all of the attendee contact information is automatically stored in your CRM. Nice.

What I like most: There are over 1,000 form fields and over 12 field types you can use to customize your event registration form. Plus, it’s versatile and offers plugins with tools like WordPress and integrations with tools like Gravity Forms.

You can’t really go wrong if you use a free tool like this for event registration (or as your Content Hub, CRM, Marketing Software, Sales Software, or Service Software, for that matter).

Okay, I’ll stop gushing now.

An Event Director’s Favorite Tools

2. Cvent

Image Source

Cvent’s event technology allows you to personalize your registration experience.

You can build automated workflows to collect signups. You can also customize the guest experience using targeted campaigns and Cvent's comprehensive library of event templates.

I asked my mom, an esteemed director of special events, what she likes most about Cvent, and she said, “the great thing about it is you can do as little or as much as you need it to do.”

“The first year we used it, we had an 800-900 attendee event, and we used to do all of the registration manually. Now, we’re able to use Cvent to print badges and set up self-registration with minimal involvement from our staff.”

Overall, she’s a fan of the scalability of the platform and the support it provides to businesses with little to no resources. She notes that this tool “has been a huge help for her small but mighty resource development team.”

Price: Contact Cvent for pricing.

3. OneCause

Image Source

OneCause offers a customized ticketing and fundraising platform. You can create custom ticket types, group packages, and promo codes for attendees. So, if you work at a non-profit or oversee donor events like my mom, this one’s for you.

Similar to Cvent, she likes OneCause because it cuts down her manual work by a ton. She says, “it allows us to sell tickets to attendees and sponsorships to our biggest donors.”

Plus, it’s really good for managing other event elements including silent auctions.

“My team sends the auction link to guests through OneCause, and winners get notified at the end of the night and pay directly via the platform. It’s super simple, and the backend is easy to navigate,” she says.

Price: Contact OneCause for pricing details.

Best Online Registration Tools

4. Google Forms

Image Source

I send a good amount of surveys to my team, and I always use the free version of Google Forms.

It works great for personal use, but I found that Google also offers a paid version for teams that comes with greater security and control over your data.

Google Forms allows you to:

• Create and send event registration forms for attendees and track all sign-ups.
• Drag and drop your form fields to customize the registration experience.
• Add images, videos, and custom logic to your form as you see fit.

What the G2 score says: Google Workspace has a G2 score of 4.6. Here’s what users think:

• Pros: Positive reviews say the tool allows you to easily “create a ticketing system for sign up by attendees” and “promote events through email marketing and social media platforms.”
• Cons: Others say the “formatting and design of the forms could use an upgrade” and they’d “love integration with Gmail” and other tools so they can embed short forms during the registration process.

Note: Since I don’t have personal experience with most of these tools, I sifted through the G2 reviews to give you an idea of what works best for users and what doesn’t. I’ll include insights like the above for each tool in this section.

What I like most: Since Google Forms Workspace requires a Google Business Plan, you’ll also gain access to Google's other products as well as more data storage, wider video hosting options, and added security and management controls for your events.

Price: Plans range in price from $6 to $18 per month.

5. Splash

Image Source

During my search, I learned that Splash was recently acquired by Cvent, but it’s still operating as an event marketing program for online, in-person, and hybrid events.

Splash allows you to:

• Design and customize responsive web pages and emails for your event.
• Share registration forms and RSVPs to support attendee signup.
• Create smart guest lists, targeting, and email marketing features to streamline event registration and promotion.

What the G2 score says: Splash has a G2 score of 4.4. Here’s what users think:

• Pros: Positive reviews say it’s a “user-friendly platform” that makes it “easy to create landing pages and registration forms.” They mention you “don’t have to be a designer or developer at all” to use it.
• Cons: Others say that the “website builder” and “some design aspects” are a bit limited, and the reporting features aren’t “exceptionally versatile.”

What I like most: To me, Splash appears to be the integration queen. You can use Splash with your marketing automation platform and CRM (hey there, HubSpot) to analyze event data and use it to inform your future campaigns and events.

Price: Try Splash for free, request a demo, or speak with a sales rep to learn about the right plan for your team.

6. Whova

Image Source

Whova is an event management tool that comes with some pretty robust event registration features. I’m talking branded ticketing experiences, retargeting campaigns, and exhibitor or sponsor tiering.

Whova allows you to:

• Create tickets within minutes and customize your registration workflows.
• Offer discount pricing for early-bird or group ticket purchases) and different types of tickets (e.g., single vs. multi-day pass).
• Ask attendees questions about your event during registration (e.g., what made them want to attend or what they're most excited for).
• Receive early registration payouts to help cover your event expenses.

What the G2 score says: Whova has a G2 score of … drum roll, please … 4.8. Here’s what users think:

• Pros: Positive reviews say the platform “simplifies event management” and “solves the backup that occurs during initial event registration.” They mention it’s a “one-stop-shop” for events and a huge “time saver.”
• Cons: Others say they got “lost in the app” given the many features, and that Whova probably needs “a few more capture points for visitors” on registration.

What I like most: From what I’ve seen, this platform works hard for that high G2 score. From embeddable registration widgets to real-time attendee tracking, you can find just about anything you need to run your event from start to finish.

Price: Contact Whova directly for a quote.

7. Eventbrite

Image Source

I’ve used Eventbrite to register for local meetups in Washington, DC, and niche fitness classes like puppy yoga. On the attendee side, it’s pretty easy to use for registration and to track my upcoming events.

On the event management side, Eventbrite allows you to set up your event registration in three easy steps:

• Enter your event details — the who, what, where, when, and why.
• Create your tickets and select the price or type (e.g., single vs. multi-day pass). You can also offer discounts for early-bird and group purchases.
• Open your registration and share the event via web page or social media.

What the G2 score says: Eventbrite has a G2 score of 4.3. Here’s what users think:

• Pros: Positive reviews say Eventbrite offers "multiple types of registration setups" and "management dashboards with good analytics tools." Users also like that you can "customize the registration look and feel" using your own graphics and logos.
• Cons: This one actually comes from an event guru (my mom, again). She said it "doesn’t work well for large events" that require "more detailed attendee data and tracking options."

What I like most: The simple three-step setup seems like it would work great for smaller-scale events and newer event marketers. Plus, Eventbrite is recognizable. As a consumer, I trust the platform as a reliable source to find events near me.

Price: Eventbrite offers both free and paid plans. The Essentials and Professional plans are free if you host a free event. Eventbrite will only charge you when you sell a paid ticket.

8. vFairs

Image Source

vFairs is another end-to-end event platform that helps you manage the entire event lifecycle. I looked through the software suite, and it includes check-in and badge printing software, virtual events software, event ticketing and registration software, and more.

vFairs allows you to:

• Create a branded event landing page to promote your event and capture registrations.
• Customize your registration forms through a self-serve, drag-and-drop module.
• Implement if/then conditions on the forms to personalize the data collected based on user selection.
• Securely collect payments through popular payment platforms like Stripe and PayPal.

What the G2 score says: vFairs has a G2 score of 4.7. Here’s what users think:

• Pros: Positive reviews say the platform is “extremely easy to use” and “incredibly user friendly” with little to no technical issues upon implementation.
• Cons: Others say the platform is robust, but “some features could benefit from more customization options.” And because it’s very comprehensive, it can be “confusing to navigate” at times.

What I like most: With vFairs, you can automatically trigger email workflows for different user segments both within the platform and through integrations with your CRM. I always love when tools remove the manual aspects of my work and play well with others.

Price: Contact vFairs for a customized quote.

9. RSVPify

Image Source

I poked around the RSVPify platform, and I can tell you it’s designed to handle events of all sizes — everything from casual events to enterprise and professional conferences.

RSVPify allows you to:

• Leverage customizable and responsive event registration and setup tools.
• Streamline ticket sales, collect donations, create custom event check-ins QR codes.
• Build an event website with event-specific templates and a variety of integration options.

What the G2 score says: RSVPify has a G2 score of 4.6. Here’s what users think:

• Pros: Positive reviews say the process for keeping track of guest details was “seamless and organized.” They mention the “modern interface” and say the platform provides a “simplified experience” for both admin and attendees.
• Cons: Others say there’s a “lack of customization for event emails and landing pages” and that added features like discount codes “weren’t easily accessible.”

What I like the most: It’s the versatility for me. Whether you need to host multiple marquee events simultaneously, an annual gala, or your wedding, RSVPify has a solution.

Price: There’s a free option available, and paid options range from $19/month (for personal events) to $39/month (for professional events).

10. Accelevents

Image Source

In my opinion, Accelevents is a great option for events that require advanced coordination. It’s a complete solution with ticketing and registration features like assigned seating, pre-registration, and the ability to sell add-ons like merch or subscriptions.

Accelevents allows you to:

• Design a custom registration experience for in-person, virtual, or hybrid events.
• Create custom flows with conditional logic, attendee segmentation, embeddable widgets, and unique link tracking.
• Build custom API integrations or natively integrate with your CRM and marketing automation tools.

What the G2 score says: Accelevents has a G2 score of 4.7. Here’s what users think:

• Pros: Positive reviews speak volumes about their chat support, citing that customer service is “SO FAST” and “10 seconds away and always ready to help.” They also mention it has the “best value for overall features and customization.”
• Cons: Others say the mobile app was “a bit cumbersome” and they ran into a “few bugs“ and “minor issues” while using the platform.

What I like the most: I am a big, big fan of stellar customer service. As I looked through the reviews, I saw tons of compliments for the Accelevents support team, and I think that’s a huge win — especially for tech products.

Price: Contact Accelevents for a free trial and to schedule a demo.

RSVPs Made Easy (Well, At Least Easier)

My advice for picking event registration software is this: Think about the registration features you absolutely can’t live without, and find a tool that does them well.

Most of the tools out there (and on this list) are comprehensive, but some are better than others in certain areas. Do the research, and choose the right tool for your specific needs.

Meanwhile, I’ll be here rooting for the moment you can sit back and watch all of those hard-earned attendee sign-ups roll in.

Editor's note: This post was originally published in January 2021 and has been updated for comprehensiveness.

Dropshipping has become a popular business model for entrepreneurs looking to start an online store with minimal upfront investment. Amazon, as one of the largest e-commerce platforms in the world, presents a significant opportunity for dropshippers. However, navigating the complexities of Amazon dropshipping can be challenging. In this guide, we’ll demystify the process, outline the …

Continue reading "Amazon Dropshipping Demystified: How to Start and Thrive in 2024"

The post Amazon Dropshipping Demystified: How to Start and Thrive in 2024 first appeared on Lucid Softech.

Let’s face it: video editing can be an endless rabbit hole of tweaks and techniques. You’ve got the footage, but turning it into something captivating? That’s the real art! And Adobe Premiere Pro is undoubtedly a powerhouse in the editing world. But who doesn’t love a good shortcut, especially when it’s free? That’s where Adobe Premiere Templates come in—pre-designed, ready-to-use assets that can turn your video from “meh” to “whoa” without hours of fiddling.

Using free Premiere Pro templates isn’t about taking shortcuts; it’s about finding clever ways to streamline your workflow. Imagine you’re on a tight deadline, or maybe you’re looking to impress with a sleek promo video but don’t want to start from scratch. These templates, from transitions to titles, are like tools in a magician’s kit, letting you focus on storytelling while the heavy lifting’s done for you.

Whether you’re hunting for the perfect title slide, a cinematic opener, or some eye-popping transitions, there’s no shortage of free Premiere Pro templates to download. The beauty? You get all the professional polish without the steep price tag. So, go ahead, explore these handpicked gems, and let your creativity take the reins!

Slideshow Templates

Bright Summer Slideshow Premiere Pro Template

Download

City Slideshow Premiere Pro Template

Download

Liberty Slideshow Premiere Pro Templates

Download

Amorous Slideshow

Download

Gentle Photo Slideshow Premiere Pro Template

Download

Simple Dynamic Slideshow for Premiere Pro

Download

The Slideshow (Premium)

Download

Simple Dynamic Slideshow – Premiere Pro Template

Download

Elegant Slideshow (Premium)

Download

Multiscreen Slideshow Premiere Pro Template

Download

Creative Presentation Slides for Premiere Pro

Download

Text Templates for Premiere Pro

Free Film Glitch Title Template for Premiere Pro

Download

Free Animated Titles Templates for Premiere Pro

Download

Free Animated Lower Thirds Templates For Premiere Pro

Download

Unique Titles – Premiere Pro Templates

Download

Free Motion Graphics Templates for Adobe Premiere Pro

Download

Free Lyrics Titles Template for Premiere Pro

Download

Free Box Titles and Lower Thirds Premiere Pro Template

Download

Free Cinematic Title Style Library for Premiere Pro

Download

Echo Titles (Premium)

Download

Lower Thirds Titles Premiere Pro Template

Download

Sport Modern Titles (Premium)

Download

Horror Trailer Titles Premiere Pro Motion Graphics Template

Download

Modern Titles (Premium)

Download

Free Premiere Pro Title Collection

Download

Opener and Intro Templates for Premiere Pro

Split Frame Opener – Free Intro Templates for Premiere Pro

Download

Corporate Opener – Intro Templates for Premiere Pro

Download

Fast Intro For Premiere Pro

Download

Dynamic Opener (Premium)

Download

Urban Freeze Frame Intro Premier Pro Template

Download

Rhythm Opener (Premium)

Download

Dynamic Intro Opener

Download

Transition Templates for Premiere Pro

Free Adobe Premiere Transitions Template

Download

Transitions

Download

Zoom Transition

Download

Premium Transitions Zoom Particles for Premiere Pro (Premium)

Download

Easy Transition Template for Premiere Pro

Download

Torn Paper Transitions V2 (Premium)

Download

Scatter Text Transition

Download

The post Best Free Adobe Premiere Templates to Elevate Your Video Editing Game appeared first on CSS Author.

We had fun in my previous article exploring the goodness of scrolly animations supported in today’s versions of Chrome and Edge (and behind a feature flag in Firefox for now). Those are by and large referred to as “scroll-driven” animations. However, “scroll triggering” is something the Chrome team is still working on. It refers to the behavior you might have seen in the wild in which a point of no return activates a complete animation like a trap after our hapless scrolling user ventures past a certain point. You can see JavaScript examples of this on the Wow.js homepage which assembles itself in a sequence of animated entrances as you scroll down. There is no current official CSS solution for scroll-triggered animations — but Ryan Mulligan has shown how we can make it work by cleverly combining the animation-timeline property with custom properties and style queries.

That is a very cool way to combine new CSS features. But I am not done being overly demanding toward the awesome emergent animation timeline technology I didn’t know existed before I read up on it last month. I noticed scroll timelines and view timelines are geared toward animations that play backward when you scroll back up, unlike the Wow.js example where the dogs roll in and then stay. Bramus mentions the same point in his exploration of scroll-triggered animations. The animations run in reverse when scrolling back up. This is not always feasible. As a divorced Dad, I can attest that the Tinder UI is another example of a pattern in which scrolling and swiping can have irreversible consequences.

Scroll till the cows come home with Web-Slinger.css

Believe it or not, with a small amount of SCSS and no JavaScript, we can build a pure CSS replacement of the Wow.js library, which I hereby christen “Web-Slinger.css.” It feels good to use the scroll-driven optimized standards already supported by some major browsers to make a prototype library. Here’s the finished demo and then we will break down how it works. I have always enjoyed the deliberately lo-fi aesthetic of the original Wow.js page, so it’s nice to have an excuse to create a parody. Much profession, so impress.

Teach scrolling elements to roll over and stay

Web-Slinger.css introduces a set of class names in the format .scroll-trigger-n and .on-scroll-trigger-n. It also defines --scroll-trigger-n custom properties, which are inherited from the document root so we can access them from any CSS class. These conventions are more verbose than Wow.js but also more powerful. The two types of CSS classes decouple the triggers of our one-off animations from the elements they trigger, which means we can animate anything on the page based on the user reaching any scroll marker.

Here’s a basic example that triggers the Animate.css animation “flipInY” when the user has scrolled to the <div> marked as .scroll-trigger-8.

<div class="scroll-trigger-8"></div>
<img 
  class="on-scroll-trigger-8 animate__animated animate__flipInY" 
  src="https://i.imgur.com/wTWuv0U.jpeg"
>

A more advanced use is the sticky “Cownter” (trademark pending) at the top of the demo page, which takes advantage of the ability of one trigger to activate an arbitrary number of animations anywhere in the document. The Cownter increments as new cows appear then displays a reset button once we reach the final scroll trigger at the bottom of the page.

Here is the markup for the Cownter:

<div class="header">
  <h2 class="cownter"></h2>
  <div class="animate__animated  animate__backInDown on-scroll-trigger-12">
    <br>
    <a href="#" class="reset">🔁 Play again</a>
  </div>
</div>

…and the CSS:

.header {
  .cownter::after {
    --cownter: calc(var(--scroll-trigger-2) + var(--scroll-trigger-4) + var(--scroll-trigger-8) + var(--scroll-trigger-11));
    --pluralised-cow: 'cows';

    counter-set: cownter var(--cownter);
    content: "Have " counter(cownter) " " var(--pluralised-cow) ", man";
  }

  @container style(--scroll-trigger-2: 1) and style(--scroll-trigger-4: 0) {
    .cownter::after {
      --pluralised-cow: 'cow';
    }
  }
  
  a {
    text-decoration: none;
    color:blue;
  }
}

:root:has(.reset:active) * {
  animation-name: none;
}

The demo CodePen references Web-Slinger.css from a separate CodePen, which I reference in my final demo the same way I would an external resource.

Sidenote: If you have doubts about the utility of style queries, behold the age-old cow pluralization problem solved in pure CSS.

How does Web Slinger like to sling it?

The secret is based on an iconic thought experiment by the philosopher Friedrich Nietzsche who once asked: If the view() function lets you style an element once it comes into view, what if you take that opportunity to style it so it can never be scrolled out of view? Would that element not stare back into you for eternity?

.scroll-trigger {
  animation-timeline: view();
  animation-name: stick-to-the-top;
  animation-fill-mode: both;
  animation-duration: 1ms;
}

@keyframes stick-to-the-top {
  .1%, to {
    position: fixed;
    top: 0;
  }
}

This idea sounded too good to be true, reminiscent of the urge when you meet a genie to ask for unlimited wishes. But it works! The next puzzle piece is how to use this one-way animation technique to control something we’d want to display to the user. Divs that instantly stick to the ceiling as soon as they enter the viewport might have their place on a page discussing the movie Alien, but most of the time this type of animation won’t be something we want the user to see.

That’s where named view progress timelines come in. The empty scroll trigger element only has the job of sticking to the top of the viewport as soon as it enters. Next, we set the timeline-scope property of the <body> element so that it matches the sticky element’s view-timeline-name. Now we can apply Ryan’s toggle custom property and style query tricks to let each sticky element trigger arbitrary one-off animations anywhere on the page!

/** Each trigger element will cause a toggle named with 
  * the convention `--scroll-trigger-n` to be flipped 
  * from 0 to 1, which will unpause the animation on
  * any element with the class .on-scroll-trigger-n
 **/

:root {
  animation-name: run-scroll-trigger-1, run-scroll-trigger-2 /*etc*/;
  animation-duration: 1ms;
  animation-fill-mode: forwards;
  animation-timeline: --trigger-timeline-1, --trigger-timeline-2 /*etc*/;
  timeline-scope: --trigger-timeline-1, --trigger-timeline-2 /*etc*/;
}

@property --scroll-trigger-1 {
  syntax: "<integer>";
  initial-value: 0;
  inherits: true;
}
@keyframes run-scroll-trigger-1 {
  to {
    --scroll-trigger-1: 1;
  }
}

/** Add this class to arbitrary elements we want 
  * to only animate once `.scroll-trigger-1` has come 
  * into view, default them to paused state otherwise
 **/
.on-scroll-trigger-1 {
  animation-play-state: paused;
}

/** The style query hack will run the animations on
  * the element once the toggle is set to true
 **/
@container style(--scroll-trigger-1: 1) {
  .on-scroll-trigger-1 {
    animation-play-state: running;
  }
}

/** The trigger element which sticks to the top of 
  * the viewport and activates the one-way  animation 
  * that will unpause the animation on the 
  * corresponding element marked with `.on-scroll-trigger-n` 
  **/
.scroll-trigger-1 {
  view-timeline-name: --trigger-timeline-1;
} 

Trigger warning

We generate the genericized Web-Slinger.css in 95 lines of SCSS, which isn’t too bad. The drawback is that the more triggers we need, the larger the compiled CSS file. The numbered CSS classes also aren’t semantic, so it would be great to have native support for linking a scroll-triggered element to its trigger based on IDs, reminiscent of the popovertarget attribute for HTML buttons — except this hypothetical attribute would go on each target element and specify the ID of the trigger, which is the opposite of the way popovertarget works.

<!-- This is speculative — do not use -->
<scroll-trigger id="my-scroll-trigger"></scroll-trigger>
<div class="rollIn" scrolltrigger="my-scroll-trigger">Hello world</div>

Do androids dream of standardized scroll triggers?

As I mentioned at the start, Bramus has teased that scroll-triggered animations are something we’d like to ship in a future version of Chrome, but it still needs a bit of work before we can do that. I’m looking forward to standardized scroll-triggered animations built into the browser. We could do worse than a convention resembling Web-Slinger.css for declaratively defining scroll-triggered animations, but I know I am not objective about Web Slinger as its creator. It’s become a bit of a sacred cow for me so I shall stop milking the topic — for now.

Feel free to reference the prototype Web-Slinger.css library in your experimental CodePens, or fork the library itself if you have better ideas about how scroll-triggered animations could be standardized.

Web-Slinger.css: Like Wow.js But With CSS-y Scroll Animations originally published on CSS-Tricks, which is part of the DigitalOcean family. You should get the newsletter.

One recent emerging trend is an increased use of gothic styles and themes. This trend captures everything from imagery and color schemes to fonts and overall styling.

It’s an almost natural progression and evolution from all of the dark mode designs we’ve seen in recent years to reversion to gothic style.

Here, we’ll look at gothic style design and how you can make this design trend – potentially – work for you. Whether that’s in a poster, flyer, typographic choice, or a website. Let’s dive in!

What is Gothic Style?

Gothic style derived from architecture in the 18th century and was later applied to graphic design. It is characterized by its use of ornate, intricate details, pointed arches, and vertical lines and is a design style that has ebbed and flowed over time.

In modern graphic design, gothic style design often refers to a contemporary interpretation of this historic design style. You’ll often find bold, blocky, or ornate lettering and graphics with a dark, moody color palette.

Characteristics of the Gothic Style

The first identifier of gothic style is often imagery. If you’ve been watching the Netflix series, “Wednesday,” you are no stranger to this style. There’s a distinct gothic vibe from the title typography to every image promoting the series and therein.

The gothic style has a distinctive influence on graphic design and can be seen in various design elements. Here are some other things to look for in gothic design elements:

• Ornate and intricate details: Pay special attention to borders, patterns, and typography.
• Dark color palette: You’ll find a lot of black, gray, and dark red or purple, which can create a sense of drama and mystery.
• Textures: Stone, metal, or wood to create a sense of authenticity and age.
• Symbolism and iconography: Symbolic elements, such as crosses, skulls, or gargoyles can be used to convey a sense of power, mystery, or horror.
• Emphasis on verticality: Vertical lines and forms, which can create a sense of height and grandeur are popular and often come across in visuals such as tall, narrow windows or pointed arches.
• Rough edges: Sharp lines might be offset by ragged or rough edges for lines, type elements, or even image containers.
• Gothic typography: Blackletter fonts are a common characteristic of Gothic design, often used in titles, headlines, and logos.

Gothic Fonts

There are two schools of gothic typography – more traditional blackletter or Old English fonts and modern, more experimental styles that pay homage to the old style.

Modern gothic fonts often have sharp, angular shapes and intricate details, which can evoke a sense of mystery, elegance, and sophistication. They are commonly used in branding and advertising for products and services that target a younger, edgier demographic.

Regardless of the time period, almost all of the typography in a gothic style shares some common visual details.

• Sharp, pointed edges that create a sense of drama and intensity. The letters often have pointed serifs or sharp, triangular shapes.
• Intricate details with highly decorative loops, swirls, and embellishments to create an ornate appearance.
• Vertical emphasis with tall, narrow letterforms that create a sense of height and grandeur.
• Lack of curves focusing on straight lines and sharp angles.
• Old-world charm that evokes historical roots, feelings of tradition or elegance, and maybe a hint of spookiness.

Tips for Using this Trend Well

The gothic style can be a striking choice, but it isn’t for every type of project. Context is extremely important here; the wrong content with a gothic style can feel off-base and jarring.

There are, though, many ways you can use gothic styles. Use this design trend with content that has historical or traditional themes, gothic-inspired products or services, elements that need high drama, or to create a high-end feel.

Remember that gothic doesn’t have to feel “dark.” It can also feel traditional.

The gothic style has a long history and is associated with many different historical periods and artistic movements, so it can be used to evoke a sense of authenticity and tradition.

You’ll find this style is often associated with heavy metal music, establishing that hard-edge connection between the visual aesthetic and the audio. For the same reason, you’ll often find gothic design themes with scary movies and medieval themes.

Gothic design can work exceptionally well for projects that have an intense vibe. Bold shapes and dark color help put extra emphasis on this feeling. Additionally, this can create a sense of authority and power.

Pair gothic images and typefaces with more simple and neutral elements so the design doesn’t get overwhelming. That may include simple complementary textures, backgrounds, images, and body text in a regular sans-serif style.

Finally, you might associate elements of a gothic style with high-end luxury. This can be especially true when gothicism is minimalized but elements are there, such as just using typography in this style. This creates a sense of elegance and sophistication, to help reinforce a brand’s premium status.

Templates with Gothic Styles

Start projects in a gothic style a little bit quicker with a template or font that’s in a gothic style. Here are a few downloadable options from Envato Elements that we love.

Gothic Birthday Invitation

Live Music YouTube Thumbnail

Moustache Party Flyer

Trotont Gothic Font

Cambridge Bold Decorative Gothic Font

Samaz Gothic Vintage Typeface

Conclusion

A gothic style can be a moody and fun way to design something a little differently. Just keep in mind that it may not be suitable in all design contexts. You’ll likely avoid gothic elements in designs aimed at children or those that require a more playful or whimsical aesthetic.

This design trend has come and gone a few times, and it’ll be interesting to see how much staying power it has now.

When I first heard I had to write about D2C marketing, I did what many professionals do when presented with something they know nothing about — I quietly panicked and then asked ChatGPT.

To my surprise, however, I learned D2C marketing isn’t as foreign to me as I thought. And it likely isn’t to you, either.

Dollar Shave Club, Blue Apron, and Glossier are all well-known brands built on the business model and considered masterclasses in marketing — let alone D2C marketing.

With D2C business sales predicted to reach nearly $230 billion by 2025, here’s what you need to know about the model and marketing within it.

Table of Contents

• What is D2C marketing?
• D2C Marketing Strategy
• D2C Marketing Tips
• D2C Ecommerce Tips

B2C vs D2C Marketing

If you’re anything like me, D2C marketing probably sounds a lot like business-to-consumer (B2C) marketing. I mean, they’re both going after private consumers, right?

Well, while that’s true, D2C is still unique. ChatGPT explained it well using the metaphor of a lemonade stand.

Image Source

Lemonade stands as we know them — people making lemonade and selling it at stands outside of events or their homes — are inherently D2C. You make the lemonade (as a manufacturer), put out a sign (as a marketer), and hand it directly to the people buying it (the consumer).

However, if you decided to go B2C with your lemonade enterprise, you wouldn’t sell directly to people on the street, let alone have a stand. Instead, you’d give it to a third-party storefront or another retailer to sell it to people for you.

You see, B2C works with third parties or “middlemen” like wholesalers, retailers, or distributors to get your product into consumer hands. Retailers often even help shoulder some of the marketing to drive sales.

D2C doesn’t have any of that help. Your product goes straight from the manufacturers to the consumer who bought it through the brand’s website, store, or popup. Overall, it’s a more direct line to the buyer than B2C.

But why has this model become so popular in recent years?

Pros & Benefits of D2C Marketing

Truthfully, a lot of D2C’s rise came out of necessity.

During the COVID-19 lockdown, people couldn’t leave their homes. They were forced to shop online, and with the rough economic environment, many opted to shop small. Many D2C brands are digital or ecommerce-focused, so they thrived in this climate. (Take Peloton, for one.)

But even more established, traditional brands like L’Oreal began investing in D2C branches for a number of reasons.

Low Barriers to Entry

Thanks to services like Shopify, Square, and on-demand manufacturing, it’s pretty easy to start a D2C venture. All you need is an idea and the Internet.

In fact, as I dug deeper into this topic, I realized I’ve even dabbled in D2C with my on-demand clothing brand.

Image Source

I built it entirely on free tools, and every sale offsets any manufacturing expense.

Speaking of which …

Lower Costs

By cutting out the “middlemen,” D2C brands save money.

They don’t have to pay their partners, so they have lower costs and a higher profit margin. In turn, they can pass those savings on to buyers in the form of a lower price tag, and lower prices can lead to more sales. It’s a beautiful cycle.

More Control

D2C brands handle every stage of the buyer’s journey, which means they have total control over how things are done and the customer experience. This means more responsibility, of course, but it also leaves less room for inconsistency.

Better Data

By controlling the entire product cycle and buyer’s journey, D2C brands can access more, and usually better, data.

This gives them a more complete picture of their business to understand where it’s doing well and where it needs improvement. It also enables them to provide a better customer experience through personalization.

Better Customer Experience & Relationships

In a crowded market, 86% of consumers say they will pay more for a superior customer experience. In fact, 70% of customers expect anyone they interact with at a business to have the full context of their previous engagement and actions.

With their streamlined processes, control, and data, D2C brands are better equipped to offer the personalized experience and attention to detail that modern buyers look for.

Improved Brand Loyalty

Great customer experience and affordable prices foster brand loyalty and improve customer lifetime value (LTV). For brands, this means longer-term repeat business and even referrals to new customers.

Cons of D2C Marketing

Now, we can’t talk about the good things about D2C marketing and not address the bad.

With full control comes full responsibility for any issues that arise.

For example, it’s common for a D2C business to face supply and fulfillment issues.

Like if the shirt type I chose for certain designs on my website is no longer made or goes out of stock, it will halt production and fulfillment until I make adjustments.

This can be especially hard to manage if your team is small (or, like me, a team of one). You can only work on so many things, so it’s easy to feel spread thin.

D2C business also requires you to be a 'jack of all trades.'

You need knowledge of product development, supply chain management, marketing, sales, and more. Add the highly personalized customer service people expect from D2C businesses, and you’ll find your venture challenging to scale.

It can be a lot of pressure, but it can also be extremely fulfilling. If you’re running a D2C business or considering it, familiarize yourself with D2C marketing strategy.

D2C Marketing Strategy

With much of their online presence, D2C marketing is pretty grounded in digital strategy. These include but aren’t limited to:

• Content Marketing & Search Engine Optimization (SEO): These two strategies work together to offer value to your customers and get found in their hunts for answers.
• Website Strategy & Conversion Rate Optimization (CRO): These are tactics centered around making your website as intuitive and helpful as possible so visitors will be more likely to convert on a form or purchase.
• Email Marketing: Once you have someone’s contact information, you can deliver more pointed, personalized content directly to their email inboxes. These are commonly focused on sharing sale or discount information or delivering other content related to their past engagement with you.
• Social Media Marketing: Social media is another place where D2C brands are getting found and building brand awareness through engaging content.
• Pay-per-click (PPC): Whether on social media, search engines, or otherwise, PPC ads help brands surpass algorithms and reach their target audiences. This kind of exposure is powerful for D2C brands without a physical storefront or additional partners.
• Influencer Marketing: Without retail or wholesale partners, having relevant influencers and creators promote your product can significantly impact how people perceive your brand.

With these areas in mind, let’s dig into some specific D2C marketing tips and D2C ecommerce best practices.

D2C Marketing Tips

1. Create a sense of community.

Building a community is a powerful strategy for brands in general, let alone D2C.

It brings like-minded people together, not just because they like your product or service for practical reasons but because they like what your brand stands for.

They share your values and mission, and your community offers them a sense of belonging.

Community gives consumers something larger and deeper to promote and want to talk about. And all of that helps your brand awareness.

Beauty brand LiveTinted has done a great job of fostering community through social media.

Brand founder Deepica Mutyala has always loved makeup but never saw the faces of people like her represented in the industry, not to mention shades or solutions for her skin tone.

She started LiveTinted to change that and foster a community where everyone could feel included and seen.

LiveTinted started as a solely D2C brand but can now also be found in ULTA stores.

The community it created is arguably one of the biggest reasons it was able to expand to such a large scale.

How do you create a sense of community around your brand?

• Engage with your audience: Respond to comments, ask questions, and spark conversations.
• Create shared experiences: Offer exclusive content and host live events where people can connect in person or through streaming events where people can engage in real-time online.
• Establish a private space: Think a newsletter, a Facebook or LinkedIn Group, or even a members-only online forum.
• Encourage user-generated content (UGC): More on that shortly.

Learn more about communities in marketing in The Ultimate Guide to Community Management [According to Experts Who Do It Daily].

2. Lean into your mission.

What does your brand care about? Does it have a unique mission? Does every purchase support a charitable cause?

Highlighting these things in your marketing makes buying from you that much more meaningful. Each sale is no longer just a transaction to a consumer but a small act of good.

For example, the shoe brand Allbirds is rooted in sustainability.

Not only are its shoes made from natural resources, but its packaging is made from 90% recycled materials. The company also works with the non-profit SOLES4SOULS® to donate lightly used products to charity.

These practices are discussed in detail on the Allbirds website.

Image Source

The brand even releases an annual sustainability report to hold itself accountable for these claims.

But remember, don’t just embrace a cause or mission because you think it’ll help you sell more. People can sense performative activism from a mile away.

If you have something that genuinely fits your product or even inspired your founding, like Allbirds, using your platform and resources gives your audience something greater to want to support.

3. Show your sense of humor and personality.

Probably the most well-known D2C brand out there is Dollar Shave Club (DSC).

Since its launch in 2012, the brand has become a case study in marketing, largely because of the signature personality and humor it exudes in everything it does.

From its legendary launch video (above) and social media content (below) to its website copy and actual subscription boxes, Dollar Shave Club makes a boring industry fun to talk about.

Image Source

People can buy razors at pretty much any store, but they order from DSC because of the witty and relatable lifestyle they represent and the memorable personality that comes with it.

4. Share educational content to build trust.

An experiment by Conductor found consumers who read early-stage educational content are 131% more likely to buy from a brand immediately after than those who don’t. Use this to your advantage.

Think about your industry or product and what your target audience wants and needs to know about it. What do they need to know before making a purchase?

How do they choose the right option for them? Or what do you know that can improve their daily lives?

By sharing honest, valuable information like this via blog articles or social media, people will learn what you offer and begin to see you as a trusted expert in the space they want to buy from.

Fitness brand Peloton, for instance, regularly shares health tips and advice on its social media:

Electric toothbrush company Quip takes a similar approach, sharing oral health care advice on its blog.

Image Source

5. Encourage and highlight user-generated content (UGC).

Encourage your customers to create and post content about your brands on social media.

Aside from showing appreciation for your customers, this content is social proof for your claims. It shows potential new customers that you’re not all talk; you actually provide the results and experience you promise.

Take this example from Daily Harvest.

Not only do followers get to see what their product actually looks like and how others enjoy it, but the brand gets content for their social media.

The easiest way to source UGC is by creating a branded hashtag like Coke’s #shareacoke or Nike’s #justdoit, but you can consider creating create an ambassador or loyalty program.

This can also help with creating a sense of community, which is a nice bonus.

Check out How to Leverage User-Generated Content in Your Marketing Strategy to learn more about UGC.

6. Work with relevant creators and influencers.

69% of consumers trust information from influencers and their family and friends over brands. That means teaming up with trusted influencers or creators in your space can arguably do more for your D2C brand than other types of marketing.

Working with influencers can help you reach new audiences, build brand awareness, and generate social proof.

Influencer collaborations are a regular part of Happy Socks’ strategy:

Learn more about your options for influencer marketing.

7. Invest in paid ads.

With so much competition, getting organic traction on social media and search engines is increasingly difficult.

Paid advertising offerings like Google Ads and Facebook Ads can help you surpass algorithms and get in front of your target audience.

Glossier, for instance, is no stranger to using ads on TikTok.

The D2C beauty brand uses sponsored creator content to highlight its products and includes a call to action to purchase the featured products on its website.

But make no mistake: You shouldn’t start running ads lightly. Isabelle Lam, co-founder and Chief Operating Officer of the Canadian-based snack brand Remix Snacks, urges D2C marketers to consider their costs and margins before investing in ads.

She shared in conversation, “When we first started growing our D2C platform, we put a lot of money towards hiring an ads agency and increasing our ads budget to increase our website traffic and sales. However, we slowly realized that our gross margins were making it very difficult to make a profit, no matter how many sales we made.”

“This was likely due to high shipping costs, and we ultimately had to go back to square one and re-evaluate our pricing strategy to ensure we had healthy margins.”

8. Personalize your customer experience.

One of the biggest differentiators of D2C brands is the personalized experiences they can offer their consumers. In fact, people buy from D2C brands expecting them.

Thankfully, with fewer middlemen, you likely have access to the data needed to craft these experiences in your marketing.

What are some ways you can personalize your marketing?

• Address your buyer by name in emails or even on your website.
• Make product recommendations based on past purchases
• Send emails with content suggestions based on purchases or past behavior (i.e., pages they’ve visited or offers they’ve downloaded.)
• Have team members respond to all social media engagement. Don’t automate.

Function of Beauty’s entire business is centered around personalization.

It sells haircare products customized to your specific concerns and lifestyle and it sets the stage for its personalized experience by asking you for your name before anything else.

Pro tip: HubSpot users can use personalization tokens to personalize their emails and even website copy. They can also use smart lists and email automation to deliver segment users and better deliver timely content.

D2C Ecommerce Best Practices

Find more ecommerce sales and marketing tools in our free Ecommerce Planning Kit.

9. Enable social shopping.

HubSpot research shows social media is the preferred product discovery channel for Gen Z, Millennials, and Gen X and one in four consumers have already bought products directly in social media apps.

That’s a large chunk of the consumer market. With this in mind, in addition to marketing your product on social media, consider setting up social shopping.

Instagram, TikTok (see below), and Facebook all have native features that allow audiences to purchase without ever leaving their platforms.

After someone sees your product on social media, say through an ad, a piece of your content, or even an influencer post, they can take action immediately.

Businesses get to close more deals and buyers have an easier shopping experience.

10. Reduce friction in your shopping experience.

On the subject of removing friction, work on reducing friction in all of your shopping experiences, including your website.

What does this look like?

• Minimizing the number of clicks it takes to complete a purchase
• Making relevant add-on suggestions
• Having abandoned cart emails and retargeting setup
• Enabling digital payments (i.e., Apple Pay or Google Pay)

Cornell University research found that “one-click” checkout leads to more website visits, buyers purchasing a more comprehensive range of merchandise, and an average spending of 28.5% more. And it makes sense.

The easier you make it for people to take action, the more likely they will.

Men’s clothing brand Bonobos does a great job of streamline its shopping experience with the “quick shop” option on its website.

Pro tip: Thoroughly test every change you make to your website.

Isabelle Lam stressed quality testing after making UX updates, saying, “It‘s easy to miss things like features or pages not working properly, so have multiple people go through your website as if they were visitors."

"These little mistakes may seem like nothing, but they can make a huge difference to your customer’s experience, especially if it's their first time on your website.”

In addition to quality, test performance. Did things improve or decline after these changes? Monitor your website metrics and lean into what works.

11. Run sales, discounts, and deals.

According to Capital One, 89% of Americans say price plays a major role in their purchase decisions more than any other factor. In fact, the company found discounts are a major factor for 74% of U.S. online shoppers.

While you certainly don’t want to discount your way into ruin, don’t underestimate the power of sales or premiums. Away Suitcases uses UGC and influencers to draw attention to its sales:

Getting Closer to Consumers

At the end of the day, D2C marketing is a unique endeavor. Whether direct-to-consumer is your sole sales channel as a business or one of many, start testing out these tips and best practices to see what your audience responds to.

When done right, they can only bring you closer to your consumers and closer to even the most ambitious profit and growth goals.

Color is an element that can make or break a design, and that rule holds true for presentation design as well. Choosing the right PowerPoint color scheme is super important.

But there’s one extra thing to consider – where your presentation will be given. A PowerPoint presentation can look quite different on a computer or tablet versus on a projected screen.

When it comes to selecting a PowerPoint color scheme, this is an important consideration. We’ve rounded nearly stylish PowerPoint color schemes as inspiration. While darker color schemes might look great close-up on screens, opt for lighter backgrounds (for enhanced readability) for projected presentations.

Note: The last color in each scheme is for the slide background.

1. Shocking Orange

When it comes to marketing and creative presentations, the orange color is the go-to choice among professionals. It not only works perfectly with both light and dark color pairings but also helps highlight all the important parts of a slide more clearly than any other color.

In this example, the bright orange (identified as Shocking Orange) instantly grabs the attention on top of the white background and makes the black typography highly visible and much easier to read.

2. Neon Green

Neon-themed high-contrast colors are a popular choice among marketers these days as they are quite effective as an accent color. These bright colors instantly pop out, highlighting key objects and text above all else.

Colors like Neon Green work best with a darker background. When you combine it with white color typography, you will come up with a color scheme that delivers results.

3. Orange and Greyish Turquoise

As we mentioned before, orange color is a popular choice in PowerPoint color schemes. But it doesn’t always have to be the dominating color. Sometimes, when you pair it with another light, secondary color, it gives you a pleasant and soothing color scheme.

In this example, you can see a light orange color being used to highlight the call to actions (CTAs) across the slideshow while a greyish-turquoise color is used to bring balance to the overall look and feel.

4. Bright Purple and Dark Blue

When creating a PowerPoint color scheme, choosing the right accent color is the key to achieving a professional vibe for the entire presentation. The important thing is to choose a color that sticks out without taking away the attention from the rest of the elements.

A color scheme with a bright purple accent goes perfectly with a dark background. Then you can add another dark blue to the mix to create another accent color to balance the attention.

5. Blue and Orange

A great thing about the orange color is how it goes well together with many other colors. It’s the king of accent colors. Blue is another color that comes out on top of the list.

Much like orange, the color blue is a great choice for creating attractive accents. And it works even better when you put those colors together.

6. Black and Gold

If your goal is to create a high-end and luxurious vibe across a PowerPoint slideshow, then no other color scheme works better than the simple yet elegant black and gold.

The classic black and gold color combination is considered one of the most iconic color schemes that have been used for decades by everyone from high-end fashion brands to luxury hotels and more. It’s the ideal color pairing for a classic, timeless look.

7. Pink and Gray

If you’re a fan of soft, pastel colors, this color scheme will work wonders for your presentation design. It’s especially an effective choice for lifestyle and fashion-related slideshows.

In this example slideshow design, you will see multiple shades of Pink, sometimes even as gradients, for the accents. This color blends beautifully with the light grayish background.

8. Red and White

PowerPoint color schemes don’t always have to be so complicated. Sometimes, a simple basic color combination is more than enough to create a compelling presentation design. This red and white color scheme shows how it’s done.

The color red is often associated with courage and authority. As a result, it is a go-to choice among modern brands and businesses for creating presentations that showcase their dominance in the market.

9. Cream and Green

This beautiful and soft color combination is a great choice for adding a soothing aesthetic to your presentation. It’s perfect for making PowerPoint slideshows for fashion, lifestyle, and travel-related topics.

In this design, the cream color works in harmony with the green to create a well-balanced look for the entire presentation. The color scheme also makes it much easier to bring more attention to the text and images.

10. Gray and Yellow

The color yellow is a great choice for accents but with the wrong color combination, it could mean disaster.

The gray color used in the above example is made of a combination of blue and cyan, which gives the design a unique background to effectively highlight the yellow accents without straining the viewer’s eyes.

11. Blue, Gray Green & Orange

With a bright overall scheme that’s easy on the eyes, this color scheme can help you create a modern PowerPoint presentation that’s readable and friendly. You can even tweak the colors somewhat to better work with your brand, if necessary.

The best thing about this color palette is that it lends itself to plenty of different presentation styles and applications.

12. Violet Gradient

Using the first two colors noted above, you can create a dark-to-light monotone gradient that can make for a modern PowerPoint design style.

Take this concept and expand it to any other colors you like for your spin on this modern color scheme.

13. Mint and Orange

On paper, these colors don’t seem to blend all that well, but with the right application min and orange on a black background can work.

Use a pair of colors like this for presentations where you are trying to make a bold statement or impact. This concept is often great for trendy topics or ideas that are a little unconventional.

14. Bright Blue and Light

The brighter, the better! Bright blue color schemes are a major trend in PowerPoint design … and for good reason. The color combination creates a bright, light feel with easy readability. Those are two things that pretty much everyone wants in a presentation template design.

The other thing that’s great about a color scheme like this – which focuses on one color – is that it matches practically everything else in the design with ease. It’s great for image-heavy presentations or those where text elements are a key focal point.

15. Teal and Lime

Two colors that you might not expect to see paired create a classy combo that’s interesting and engaging. Both teal and lime are considered “new neutrals” and work with a variety of colors easily. (What’s somewhat unexpected is putting them together.)

What’s great about this PowerPoint color scheme is that the extra interest from the hues can help generate extra attention for slides. The template in the example also mixes and matches teal and green primary color blocks to keep it interesting from slide to slide.

16. Colorful Gradients

Gradients are a color trend that just keeps reinventing and resurfacing. In the latest iteration, gradients are bright with a lot of color. Designers are working across the color wheel for gradients that have more of a rainbow effect throughout the design, even if individual gradients are more subtle.

What you are likely to see is a variety of different gradients throughout a project with different colors, but maybe a dominant color to carry the theme. Use this for presentation designs that are meant to be more fun, lighter, and highly engaging.

17. Light Blue Minimal

This color scheme with light blue and a minimal aesthetic is super trendy and so easy to read. You can add a lot of style with a black-and-white style for images or a deep blue accent for header text.

While a pale blue is ideal here, you could also consider experimenting with other pastels and the same overall theme for a modern presentation design.

18. Bright with Dark Background

The combination of bright colors on a dark background can be fun and quite different from the traditional PowerPoint color schemes that are often on white or light backgrounds. This design style for a presentation is bold and engaging but can be a challenge if you aren’t comfortable with that much color.

When you use a style like this, it is important to think about the presentation environment to ensure that everything will look as intended. A design like this, for example, can work well on screens, but not as well on a projector or in a large room.

19. Navy and Orange

The navy and orange color combination is stylish and classic for presentation design. To add a fresh touch consider some of the effects such as the template above, with color blocking and overlays to add extra interest.

What makes this color combination pop is the element of contrast between a dark and a bright pair. The navy here is almost a neutral hue and works with almost any other design element.

20. Dark and Light Green

A modern take on a monotone color scheme involves using two similar colors that aren’t exactly tints and tones of one another. This pairing of dark green and light (almost minty) green does precisely that.

What’s nice about this color scheme is that the colors can be used almost interchangeably as primary elements or accents. It provides a lot of flexibility in the presentation design.

21. Bright Crystal Blue

Blue presentation color schemes will always be in style. The only thing that changes is the variance of the hue. This pair of blues – a bright crystal blue with a darker teal – works in almost the same way as the pair of greens above.

What’s nice about this color palette though is that the dark color is the accent here. That’s a modern twist on color design for presentations.

22. Blue and Yellow

Blue and yellow are classic pairings and can make for a striking presentation color combination. With a bright white background, these hues stand out in a major way.

What works here is the element of contrast. A darker blue with a brighter yellow creates an almost yin and yang effect with color. The only real caution is to take care with yellow on a white or light background with fonts or other light elements.

23. Teal

Teal is a personality-packed color choice. If you are looking for a bold statement with a PowerPoint template, start here.

While the above color scheme also includes a hint of yellow for accents, the teal color option is strong enough to stand alone. You could consider a tint or tone for a mono-look. It also pairs amazingly well with black-and-white images.

Teal is a fun color option that will provide a lot of practical use with your slide deck.

24. Bright Coral

This color scheme is one of those that you will either love or hate. The bright coral color is powerful and generates an immediate reaction.

It’s also quite trendy and will stand out from many of the other more bland PowerPoint colors that you may encounter. This is a great option for a startup that wants to present with a bang or a brand that has a similar color in its palette. It may not work so well for more traditional brands or those that are more conservative with their slide designs.

25. Dark Mode Colors

A dark mode color scheme might be the biggest trend in all of design right now, and that also applies to presentation design.

This purple and emerald color paired with black with white text looks amazing. It is sleek, modern, and has high visual appeal without having to use a lot of images.

This works best for digital presentations when you don’t have concerns about room lighting to worry about.

If you aren’t ready to jump into dark mode on your own, the Harber template above is a great start with nice color, gradients, and interesting shapes throughout the slide types.

26. Navy and Lime

A navy and lime combination is a modern take on colorful neutrals that are anything but boring.

These colors have a nice balance with a white or light background and are fairly easy to use. With so many brands already using blue in their base color palette, this is an option that works and is an extension of existing elements for many brands. (Use your blue and add the lime to it.)

Also, with this color combination, the idea of a minimal overall slide structure is nice so that the power of the colors and impact comes through. They work beside images in full color or black and white.

27. Modern Blue

When you aren’t planning to use brand colors – or maybe as a startup or independent contractor so you don’t have them yet – a modern color combination can add the right flair to a PowerPoint presentation.

The bright grayish-blue in the Lekro PowerPoint template – you can find it here – adds the right amount of color without overwhelming the content. Plus, subtle orange accents help guide the eye throughout this PowerPoint color scheme. https://elements.envato.com/lekro-powerpoint-presentation-67YW3M

28. Blackish and Yellow

While at first pass, black and yellow might seem like a harsh color combination, it can set the tone for a project that should emanate strength. This PowerPoint color scheme softens the harshness of the duo with a blackish color, that’s grayer and has a softer feel.

Pair this combo on a light background or with black and white images for a stylish, mod look.

29. Orange and White

A bright color can soften the harshness of a stark PowerPoint design. Especially when used for larger portions of the content area, such as background swatches or to help accent particular elements.

The Sprint template makes great use of color with a simple palette – orange and white with black text – but has slide ideas that incorporate the color throughout for something with a more “designed” look to it. (And if you aren’t a fan of the orange, change the color for use with this template to keep the modern feel.)

30. Purple

Purple presentations are in. The color, which was once avoided by many in design projects, has flourished with recent color trends.

Because more funky, bright colors are popular, a presentation with a purple focus can be acceptable for a variety of uses. The use in Batagor template has a modern design with a deep header in the featured color, which works best with images that aren’t incredibly bold in terms of color.

31. Blue-Green Gradients

Another trending item in color is the use of gradients. This trend can be applied to PowerPOint presentations as well.

Use a blue-to-green gradient for a soft and harmonious color scheme that won’t get in the way of content. Use each hue alone for accents and informational divots throughout the presentation design.

32. Black and White

Minimalism is a design trend that never goes away. A black-and-white (or gray) presentation screams class and sophistication.

It can also be easy to work with when you don’t want the color to get in the way of your message. And if a design can stand alone without color, you know it works.

33. Reds and Black

If you are designing a presentation for viewing on screens, such as desktops or tablets, a dark background with bright color accents and white text can work well. (This combination gets a lot trickier on projector displays.)

While reverse text and red aren’t always recommended, you can see from the Nova template that they can be a stunning combination. But note, this modern color scheme is best for specific content and audiences.

34. Blue and Pink

This color scheme is a spin on Pantone’s colors of the year from 2016. https://designshack.net/articles/graphics/how-to-use-the-pantone-color-of-the-year-in-design-projects/ The brighter, bolder versions of rose quartz and serenity and fun and sophisticated.

The unexpected combo sets the tone with a strong, trustworthy blue and adds softness with the paler pink. The colors work equally well with white or darker backgrounds.

35. Blue and Green

Blue and green accents can help a black or white background come to life in a presentation template. The colors here can work with either background style, based on how you plan to display your presentation.

What’s nice about these colors is that they are pretty neutral – since both are found in nature – and can be used with ease for design or text elements in a PowerPoint color scheme.

36. Beige and Gray

If you are looking for a softer color palette, consider beige and gray. These hues can work well on screens or projected, making them a versatile option.

The nice thing about such a neutral palette is that it gives content plenty of room, so that will be the true focus of the presentation.

37. Tints and Tones

While the purplish blue-gray in the Business PowerPoint Presentation template is stunning, it represents a greater trend in presentation design. Pick a color – maybe your dominant brand color – and use tints and tones for the presentation color scheme.

By mixing the color with white or black and gray, you’ll end up with a stunning set of color variations that match your messaging.

38. Bold Rainbow

While most of the color schemes featured here only include a color or two, bright color schemes with wider color variations are trending.

This distinct “rainbow style” can be somewhat difficult to use without rules for each color. Proceed with caution.

39. Bright Neutrals

Lime green is the brightest “neutral” you might ever use. A fun palette that’s versatile can be a solid foundation for a color palette.

It works exceptionally well in the Rouka PowerPoint template thanks to a pairing with a subtle gray background. Using a light, but not white, background can be great for screens and projected presentations because it takes away some of the harshness of a white background. The subtle coloring is easier on the eyes for reading and viewing.

40. Rich Browns

Browns aren’t often what comes to mind when thinking of building a color scheme, but rich browns can be a modern option.

Pair a neutral beige-brown with a darker color for an interesting contrast that works with almost any style of content.

41. Mint Green

Go super trendy with a modern and streamlined palette of mint green and gray on white. While this combination can have a minimal feel, it also adds a touch of funkiness to the design.

Add another hint of color – think orange – for extra accents.

42. Dark Gray and Blue

It doesn’t get more classy than a combination of grays and blues. This new take on a classic color scheme adds another brighter blue as well to pick up on modern trends.

Just be careful with text using a dark background such as this one. White is probably your best option for typography (and look for a font with thicker strokes!)