How I made Call to Action Examples

Startup

โ€ข

August 22, 2022

How I made Call to Action Examples

The Story

I am a non-technical indie hacker who likes to build digital products. It's been almost 5 months since I shipped my last product. Speaking of products I have built 3 products during the last year.

How I made Call to Action Examples

Here is a quick brief of them so you'll have a better understanding that what kind of products I am building:

How I made Call to Action Examples

So, It's time to build another product. Since I don't have a technical background (still is ๐Ÿซค) I wanted to build a product that I can build on my own; without any help! Here are the 4 questions that I ask myself in the beginning:

  • โ†’ It should be simple it is
  • โ†’ I need to ship the product on my own
  • โ†’ It should require minimum support and maintenance after the launch.
  • โ†’ I should make money from it

My Inspirations

I am a big fan of digital products! You start to respect more the creators of these products when started to build one.

I am a big fan of digital products! You start to respect more the creators of these products when started to build one.

The Problem and Hypothesis

People need a call-to-action library where they will be able to copy "Call to Action text" to the clipboard with just one click.

People didn't fit well. When I said people I meant growth hackers, indie hackers, website builders, designers, and copywriters. Momentarily my target audience is people who are looking for new ways to write a creative call-to-action text.

My Goals

  • โ€ข Create a website that people visit regularly
  • โ€ข Test new customer acquisition channels (Google Ads etc.)
  • โ€ข Ranking on the first page of "cta examples" search queries on Google
  • โ€ข Make $500 monthly revenue from affiliates
  • โ€ข Make recurring income form one-time sales and subscriptons.

The Roadmap

Side Project Roadmap

What do I need to build an Info Product?

  • โ€ข a problem / an idea
  • โ€ข time & effort for research
  • โ€ข product development
  • โ€ข landing page
  • โ€ข payment gateway

Product Development

I will show you the steps that I followed from idea to launch.

Coming Soon Page

I created a super simple coming soon page on TallyForms It's super easy to connect the Tally form with the domain ๐Ÿ˜‰

Side Project Roadmap

I would try other tools to build a coming soon page if I hadn't had a Tally Pro account but it is more effortless to manage all of the submission-related forms in the same place.

Wireframing the Idea

here is how I wireframed it in the beginning:

first wireframe โ†’

first wireframe

second draft โ†’

second draft

wireframe to HTMLโ†’

wireframe to HTML

the final versionโ†’

the final version

Landing Page with Tailwind CSS

Now it's time to build the landing page: I've decided not to build a familiar landing page. It's going to be a dashboard-like page like @harrydry did on Marketing Examples

I am still learning Tailwind CSS and it is my #1 choice when building new landing pages and products.

I love using Shuffle Editor to generate static Tailwind CSS pages. It makes my job super easy as a non-technical maker.

Tailwind CSS is easy for starters, and Shuffle makes it much easier for people like me. So I started playing on Shuffle's Artemis UI library.

You can drag & drop the pre-build components easily. It's worth trying if you haven't yet :)

The Gimmick: Copy to Clipboard Feature

alpine.js copy-to-clipboard

It might look like an effortless task for most of you developers, but it is "something" for a non-technical maker ๐Ÿ˜… It took me a week to fix a bug; unfortunately, I gave up after that. I asked for help from a developer friend, and she set the code in 20min. Big thanks :)

Curation

I compiled and curated 300+ call-to-action examples on Airtable with 8+ data points. My original goal for the library to included 800+ items but I decided to stop after 250. This project started to take a lot of time.

Airtable Database

More Pages

I added a sales page and, some inner pages after before the launch.I recommend you to add these pages if you are building a website for your info-product or selling anyting on Gumroad:

  • โ€ข Sales Page (Landing Page)
  • โ€ข Wall of Love (Testimonials)
  • โ€ข Affiliate
  • โ€ข Contact
  • โ€ข How I Made This?
  • โ€ข AI Copywriting Tools Comparison
  • โ€ข Newsletter
  • โ€ข Submit Feedback

Tools

As I said before, I consider ctaexamples.com as a case study and I wanted to share all the tools that I used to build CTA Examples

Tools to Build a Digital Product Discover the Tools โ†’

I made my analytic data publicly available, thanks to @PoeticMetricHQ, so everyone can see how a website like this performs: Live Analytics ๐Ÿ“ˆ

PoeticMetric Analytics

I had big hopes on the organic side, but the Googlebot pretended to be dead for the first weeks after launching it :) It took more time for my website to be indexed on Google than I imagined. I checked my sitemap and robots.txt all appear to be okay.

Google Search Console First Submit

According to Ahref's Site Audit tool, my site is doing okay, but I think I need to wait another week to see the effects.

Tip: You get free access to Ahrefs essential tools if you connect your Google Search Console with it.

It's a win-win deal.

Ahrefs Site Audit Results

The Launch

CTA Examples di not perform as good as Startup Recipes and Landing Page Checklist but it managed to made the became #5 Product of the Day on Product Hunt.

The Results - What happens if you launch on Product Hunt?

It's time to share the results 30days after the launch.

Google Search Console

Google Search Console Product Hunt

I have to mention here: I did nothing about TikTok. I believe TikTok influencers are good Product Hunt followers and they post the products they found useful for their audiences.

Google Search Console Keyword Rankings

Analytics

Analytics Results for CTA Examples Analytics Details for CTA Examples

Ahrefs

Ahrefs Results after 30days

Domain Rating 30! in two months. What do you think?

Gumroad

Gumroad Sales

Expectations vs. Reality

Let's go back to my goals to decide whether it's a successful product or not.

โ€ข Create a website that people visit regularly โ˜…โ˜…โ˜…โ˜…โ˜†

Retention

I have regular visitors (not much but ok), so this goal is kind of achived.

โ€ข Test new customer acquisition channels (Google Ads etc.) โ˜…โ˜…โ˜†โ˜†โ˜†

I didn't have a chance to try Google Ads because I don't believe I don't have a good product market fit with this version. I will start running Google Ad campaigns and try to work with a few TikTok influencers in the new version. Once again, TikTok proved its strength!

โ€ข Ranking on the first page of "cta examples" search queries on Google โ˜…โ˜†โ˜†โ˜†โ˜†

I knew this was not an easy target, and my website might not be a good match for search intent. I wanted to give it a shot anyway. Currently, ctaexamples.com ranks between 3rd and 4th page.

The funny thing is that TikTok helped me to rank higher on this keyword more than any other effort ๐Ÿง๐Ÿค”๐Ÿค“

โ€ข Make $500 monthly revenue from affiliates โ˜…โ˜†โ˜†โ˜†โ˜†

Nope! ๐Ÿคจ I have clicks but no conversion.

โ€ข Make recurring income form one-time sales and subscriptons โ˜…โ˜†โ˜†โ˜†โ˜†

I made $65 from quarterly and yearly subscripton sales so far. I was going to lean on this product more if I had 10 or more conversions. Still thinking about it.

I did my best to keep this article as simple as possible. Please don't hesitate to hit the share button if you find it helpful :)

Yucel Sahan

Yucel F. Sahan

maker landingpage.fyi

footer gradient background
Landing Page FYI Logo

inspired by makers, made for makers.

Curated library of landing page tools to help you build unique landing pages.

ยฉ Copyright 2022 | All Rights Reserved by Nordic Landing Oรœ