The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
Reply to this topicStart new topic
> Newsletter subscribtion HTML CSS JS
Jeckcoeler
post Jul 15 2019, 12:04 PM
Post #1


Novice
**

Group: Members
Posts: 22
Joined: 14-July 19
Member No.: 26,933



Dear people,
I am working with Blogger and I am a beginner. I want to add this newsletter subscription to my website: https://codepen.io/ainalem/pen/ZxbbwO
But I can only add the HTML and CSS code, not JS. And after I have done that, when I enter an email address and press enter, it refreshes the page. Do I have to change something in the HTML/CSS/JS text? Thank you very much in advance.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Jul 15 2019, 12:40 PM
Post #2


🌟Computer says no🌟
********

Group: WDG Moderators
Posts: 20,716
Joined: 9-August 06
Member No.: 6



If you can't use JS, you can't use JS.

Either you have to abandon the thought of anything related to JS or find a less restricted service for your site or use a real host.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Jeckcoeler
post Jul 15 2019, 03:30 PM
Post #3


Novice
**

Group: Members
Posts: 22
Joined: 14-July 19
Member No.: 26,933



QUOTE(pandy @ Jul 15 2019, 12:40 PM) *

If you can't use JS, you can't use JS.

Either you have to abandon the thought of anything related to JS or find a less restricted service for your site or use a real host.

But there is a JS/HTML widget that I can add, but should I add them both under each other? And if I get it done, how does the website know that it has to send updates to that email address? Should I not change anything in the CSS? Thank you very much.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Jul 15 2019, 07:52 PM
Post #4


🌟Computer says no🌟
********

Group: WDG Moderators
Posts: 20,716
Joined: 9-August 06
Member No.: 6



QUOTE(Jeckcoeler @ Jul 15 2019, 10:30 PM) *

But there is a JS/HTML widget that I can add, but should I add them both under each other?


I assume so. I don't know what the other widget is.

You said in your first post that you could not add JS? Which is it?

QUOTE

And if I get it done, how does the website know that it has to send updates to that email address? Should I not change anything in the CSS? Thank you very much.


As it is, it doesn't. It looks like the script you found adds some fanciness to a form, but for a form to really work it needs to be submitted to a server side script that handles what should happen with the submitted data.

The URL to that script should be the value of the action attribute here.
CODE
  <form class="form" action="">
    <input class="input" type="email">
  </form>


Read all about it here.
http://htmlhelp.com/faq/html/forms.html#formstoc


I'm pretty sure that you can't install your own scripts on Blogger, but maybe they already offer something. I don't know. Read the FAQ or whatever documentation they have.

Change the CSS? Yeah, if you don't like the look of things. It doesn't have anything to do with how the form works.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Jeckcoeler
post Jul 16 2019, 11:36 AM
Post #5


Novice
**

Group: Members
Posts: 22
Joined: 14-July 19
Member No.: 26,933



QUOTE(pandy @ Jul 15 2019, 07:52 PM) *

Thank you very much! Yes I can put it in my website it looks good and the design is perfect. Only its functionality is missing. So I should add: <form class="form" action="">
<input class="input" type="email">
</form>
to my websites HTML? I read the site you sent me, but it is like Chinese to me, I do not understand 90% of it. Can you please tell what I have to add to the HTML to make it work? Thank you again for your time.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Jul 16 2019, 07:03 PM
Post #6


🌟Computer says no🌟
********

Group: WDG Moderators
Posts: 20,716
Joined: 9-August 06
Member No.: 6



QUOTE(Jeckcoeler @ Jul 16 2019, 06:36 PM) *

QUOTE(pandy @ Jul 15 2019, 07:52 PM) *

Thank you very much! Yes I can put it in my website it looks good and the design is perfect. Only its functionality is missing. So I should add: <form class="form" action="">
<input class="input" type="email">
</form>
to my websites HTML? I read the site you sent me, but it is like Chinese to me, I do not understand 90% of it. Can you please tell what I have to add to the HTML to make it work? Thank you again for your time.


I thought you already had that since it's part of what you said you used at https://codepen.io/ainalem/pen/ZxbbwO .

But as I said, it does nothing unless you connect it to a server side script. Again, check if blogger offers form handling. Maybe that "widget" you talked about is their way of handling forms? If so, I don't know if you can combine that with the stuff from codepen, since I don't know what the widget is.

If you don't know anything about HTML, you are starting in the wrong end. You need do start with the basics so you get some understanding for how things work. But you don't want to hear this, I think.

Anyway, it's hard for us to suggest something since we don't have the information needed and because you use a service that both limits the options and complicates things because everything you do must work with their already existing HTML/CSS/whatever.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Jeckcoeler
post Jul 17 2019, 04:34 PM
Post #7


Novice
**

Group: Members
Posts: 22
Joined: 14-July 19
Member No.: 26,933




QUOTE(pandy @ Jul 15 2019, 07:52 PM) *


But as I said, it does nothing unless you connect it to a server side script. Again, check if blogger offers form handling. Maybe that "widget" you talked about is their way of handling forms? If so, I don't know if you can combine that with the stuff from codepen, since I don't know what the widget is.

I recorded everything and uploaded to YouTube for you. See: https://www.youtube.com/watch?v=0yhz_1Yqpls
I can copy everything and everything looks fine, also the java script. But I just can't let it function, so hopefully you will see something in the video that might help me to let the website send updates to the written email addresses.

This post has been edited by Jeckcoeler: Jul 17 2019, 04:35 PM
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Jul 17 2019, 11:39 PM
Post #8


🌟Computer says no🌟
********

Group: WDG Moderators
Posts: 20,716
Joined: 9-August 06
Member No.: 6



If you mean it should send you an email, that won't happen without the server side script I talked about.

A script can be client side, run in the browser. In practice that means JavaScript. Or it can be server side, run on the server. There are a plethora of server side scripting languages to choose from. Perl, PHP, Python to mention a few. What language you can use depends on what's installed on the server. And, in the case of services, if they allow you to use them.

JavaScript can't handle this. You need something server side. My guess is Blogger doesn't allow you to run anything server side yourself. But they might have something already installed for everyone to use. You need to consult their documentation about that.

If you mean something else when you say it doesn't work, please explain.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Jeckcoeler
post Jul 18 2019, 08:22 AM
Post #9


Novice
**

Group: Members
Posts: 22
Joined: 14-July 19
Member No.: 26,933



QUOTE
Thank you very much for your answer. I am using Blogger so I think this is not going to work sad.gif.


That depends on what they offer. BTW, there are also third party services that handle forms. You could look at that if Blogger lets you add raw HTML that could work.

QUOTE

Blogger has a widget to add newsletter subscription, I used that one, see here on the right side: howtoplaystation.blogspot.com
Now I have a problem: after I click on the submit button, there is a page that opens for a verification, can't I just skip that html code so that it doesn't pop up anymore? Because it looks a little bit scammy.


No, that's actually a good thing.



QUOTE
And I also need to verify my email afterwards and that is too much work for the visitors. Can I remove that part?


I don't know what you can change or not because I don't know what you have to work with. I guess you can't change much if anything. Anyhow, it would be very unwise to remove that part. Without it anyone could sign up any other person to your list.

QUOTE
Or are there any free feedburner alternatives that are easy to set up but also easy for the visitors to use? I searched on google but they are all paid. Thank you very much again.


No idea.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

Reply to this topicStart new topic
2 User(s) are reading this topic (2 Guests and 0 Anonymous Users)
0 Members:

 



- Lo-Fi Version Time is now: 19th March 2024 - 04:48 AM