Thread by @nocodedevs

Today, I am going to build a product from 0 to 100% using only #nocode tools.

This will be a SaaS product.

I will tweet updates as I progress.

Wish me luck.

🤔Problem: Etsy sellers struggle to market products.

💡Idea: Shareable visual product cards for Etsy sellers.

Etsy sellers often struggle to market products.

Sellers needs a visual way to share products across all social platforms. Images are the best way to do this.

Probable Tools: @bannerbearHQ (generate images)+ @zapier (typeform --> airtable)+ @integromat (etsy api) +@typeform (input) + @stripe (charge customers) + @SendGrid (transactional emails) + @airtable (database)+ @landenapp (marketing page)

Step1: Setup @typeform & @airtable

I will use Typeform to collect:

1. Etsy product URL
2. payment data (via @stripe)
3. basic customer data

@Typeform has a direct integration with @airtable

No Zaps ⚡️needed 🎉

Crap, we need a name. I can't get too hung up on naming or branding or anything like that since there is very little time to execute this idea. I expect to hit roadblocks and I do not want to do up until midnight.

We will call this product: poppdazzle

Configuring @typeform workflow, simple @airtable connection and @stripe integration.

Setup a simple @airtable with the required fields.
These fields will talk to @typeform and @bannerbearHQ

Now, we need to make it SUPER simple for an Etsy seller to make an image card.

So we need to use a tool like @integromat to lookup product data from their listing link.

Working to sync my @typeform w/ @airtable but getting some goofy errors. In this instance, most likely, the "email" field in @airtable is formatted incorrectly.

Scrapping @integromat... Don't worry @integromat, we still 💕you very much. However, mini @airtable extension, I can generate product images, price, etc... ALL from an @Etsy Etsy URL... BINGO. Now, when my user submits their URL through the form, the Etsy data will auto populate.

Using @carrd since @typeform doesn't allow for custom domains and domain forwarding/masking isn't my JAM.

Embedding the @typeform in card was super easy. Connected the domain PoppDazzle to @carrd was easy...waiting for the site to propagate!

Okay, ran into some errors but Stage1 is working.

Here is what we have so far.

1. Customer visits website.

2. Customer submits name and Etsy URL.

3. Data is sent from @typeform to @airtable and payment is collected via @stripe

4. @airtable mini-ext populates etsy data!

Next: We need to take the customers data and send it over to BannerBear to work on creating the product Card.

Once the card is generated using their API, we will send the customer and email with their product😀

Also, We will have @bannerbearHQ send some data back to @Airtable

Time to design the shareable product card on @bannerbearHQ Design is NOT my strong suit. 😡

Adding some simple logic to the @typeform
I'm getting tired, not sure I can make it!

Images are generating VIA the @bannerbearHQ API.
There is some code in this screen-shot, but I am not using code :)

This is done through a @zapier integration!

Using @zapierpaths to handle different types of customer input. Basically, they have 2 options. Pull product title data from the API OR, write their own copy-text. Depending on their answer in @typeform and the @airtable view, the @zapier zap with take the appropriate path!

It's coming alive!

Let me introduce you to a #nocode SaaS product built in less than 8 hours!

I disabled the payment gateway in @typeform so we can get some alpha-testers 😀

👇👇Give it a try👇👇

poppdazzle.com

Images are rolling in!

The app works! Today I need to improve the Etsy cards, squash a few #nocode bugs 🐛 and make the landing page Popp! Goal is to generate revenue by Monday🍾

Did you enjoy this thread?
Want to learn more?

MAKE IT A REALITY!

Learn the basics of image automation using #nocode tools.

📽️Video tutorial now available! 📽️
💸Pre-Sale Price: $4.99💸

👇Purchase👇

nocodedevs.com/plans/49605?bu…