Jason's Plugins For Carrd

I'm doing a lot for my Carrd plugins project, but not all truly move the needle. Here's me writing down everything I'm doing and experimenting with for the project, for sake of my own clarity:

- Creating free and useful plugins based on questions that Carrd users ask.
- Launching/posting plugins on Reddit, Facebook, Telegram, Substack, email, Twitter, Indie Hackers, Discord, my own site.
- Referral revenue from users signing up for Carrd using my referral code via my free plugins.
- Seller revenue from free plugins where users pay a honorary fee, or for the paid Carrd templates.
- Writing tutorials for my paid plugins.
- Occasional guest posts on other Carrd sites, like starrt.co/blog
- Adding my plugins to sales pages on Gumroad, Lemon Squeezy and Payhip.
- Sponsored ads on indie newsletters, Carrd-related websites and Gumroad pages.
- Great, human-powered support for my plugins, giving till it hurts.
- Actively contributing, helping and answering questions for free on Reddit, Facebook, Telegram, Substack, email, Twitter, Indie Hackers, Discord, my own site.
- Maintaining and refining my site, e.g. recently added animated gradient buy buttons
- Maintaining and updating plugins when it breaks

What truly moves the needle:
- Free plugins, and posting them on social media channels
- Opportunities where helping someone with a question led to sharing my plugins

Just two items out of the whole laundry list.

I mean, that's not to say that everything else is useless and can be discarded. It's all part of a funnel, and probably hard to be 100% certain that they are useless. Some are more top of funnel, creating awareness. The free plugins happen to have conversion results that are easier to observe. But it does help in clarifying priorities and weightages.

That if I'm busy, strapped for time and had to choose (as an indie parent is), at least I know which one I should work on.

Priorities priorities priorities.

The last time it happened it ($1027) was due to Black Friday sales, in Nov 2022 last year. This time, it grew to that organically. 🤑

https://plugins.carrd.co/#scrolltotop

Testing new freemium biz model for plugins!

https://plugins.carrd.co/#mobilenavbarpro

Demo: https://scrolltotopnative.carrd.co/

https://textpopup.carrd.co/#tutorial

- Add a blank mobile-only Container element as a spacer
- Set up an event listener that will execute the scroll function whenever the user scrolls the window.
- Get the distance between the top of the header element and the top of the document, and assigns it to a variable called sticky. This value will be used later to determine whether the header should become "sticky" or not.
- Check whether the current vertical position of the window (window.pageYOffset) is greater than the distance between the top of the header element and the top of the document (sticky). If it is, that means the user has scrolled past the header element, so the sticky class is added to the header element to make it "stick" to the top of the screen.
- Then, the code gets the spacer element and sets its paddingTop CSS property to be the same height as the mobilenavbar element. This is to make sure that when the header becomes sticky, the content doesn't jump up the screen
- If the user scrolls back up so that the header element is no longer "stuck" to the top of the screen, the sticky class is removed from the header element and the paddingTop of the spacer element is set back to 0.

[Code explanation written by ChatGPT]

Next: Solve the page jump scroll issue when mobile nav menu switches to fixed position

Reddit:
https://www.reddit.com/r/Carrd/comments/11tolto/responsive_nav_menu_using_just_carrd_elements_no/

Facebook:
https://m.facebook.com/groups/carrdusers/permalink/1258747714723282/?mibextid=qC1gEa

Indie Hackers:
https://www.indiehackers.com/post/responsive-nav-menu-using-just-carrd-elements-no-custom-code-needed-1deabe9d06