The formspree.io link to the form no longer work

[DarekRepos]

I tried using formspree.io but the link to the form is no longer valid. I need form id (for instance kljlkjlkj ) that comes from specific endpoint. I use workaround but i think it is better to update the form action link. what do you think? I created PR. By the way, thanks for your time. This project was very helpful.

actual link

 action="https://formspree.io/{{ site.email }}"

 action="https://formspree.io/example@domain.com"

working formspree.io link

 action="https://formspree.io/f/{{ site.emailformcode }}"

 action="https://formspree.io/f/xgfdgfdggvh"

[andrewbanchich]

Ah, I'm sorry to see that they removed the free functionality. They still have a "free" plan which is just for testing.

I'd rather just remove them from this theme. I had added them only because it was a nice, automatic way for the theme's users to get an email form.

Thanks for letting me know!

[andrewbanchich]

Maybe there is another service which does the same thing but doesn't charge. I'll need to look into it when I have some free time.

[barthel]

@andrewbanchich Any update at this point?

[andrewbanchich]

@barthel I haven't had the time to work on themes in a while, but the plan is either to remove the functionality altogether or else replace with a free service.

[michalkundrat]

Working on this now, found something called FormEasy, which is free, open-source and designed for static websites as a replacement to FormSpree.

[michalkundrat]

I've practically finished everything. The only thing left to do is to get the required FormEasy URL from the user via the _config.yml file. However, I have no clue how I can do this in such a way that gives me access to the URL in Javascript. Anyone able to help?

[DarekRepos]

You can add separated variable in the _config.yml file. Check my example, you can get some inspiration.
example

It uses pre-rendering with Liquid Tags:

URL is directly accessible in the pre-rendered Javascript, but it requires modification of your layout file. For instance, create a Javascript file and store it in your project's static directory (e.g., assets/form_easy.js). Inside your layout file (e.g., _layouts/default.html), use Liquid tags to pre-render the Javascript code with the FormEasy URL:

<script>
  var formEasyUrl = '{{ site.formEasyUrl }}';
</script>

[michalkundrat]

Cheers mate - this seems to work now. Kept trying it as an identifier rather than a string for some reason 😂
Hopefully will be able to create a pull request soon.