beeminder / blog

3 stars 2 forks source link

Better subscribe-by-email #307

Open narthur opened 1 year ago

narthur commented 1 year ago
### Desiderata
- [X] Discuss what should replace feedburner
- [X] Put in SendGrid link for now so it doesn't just 404
- [ ] Wait a while and see if anyone actually subscribes via SendGrid

Currently collecting emails via SendGrid but we're currently averaging like one every couple months :sob:

The old email link (email icon in the header) was this:

http://feedburner.google.com/fb/a/mailverify?uri=bmndr&loc=en_US

That URL doesn't work. What should the URL be?

Option 1: SendGrid

https://cdn.forms-content.sg-form.com/b52c80cd-404f-11ee-90d4-4aa896d8a9ad

Option 2: Follow.it

<style>
.followit--follow-form-container[attr-a][attr-b][attr-c][attr-d][attr-e][attr-f] .form-preview {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  margin-top: 30px !important;
  padding: clamp(17px, 5%, 40px) clamp(17px, 7%, 50px) !important;
  max-width: none !important;
  border-radius: 6px !important;
  box-shadow: 0 5px 25px rgba(34, 60, 47, 0.25) !important;
}
.followit--follow-form-container[attr-a][attr-b][attr-c][attr-d][attr-e][attr-f] .form-preview,
.followit--follow-form-container[attr-a][attr-b][attr-c][attr-d][attr-e][attr-f] .form-preview *{
  box-sizing: border-box !important;
}
.followit--follow-form-container[attr-a][attr-b][attr-c][attr-d][attr-e][attr-f] .form-preview .preview-heading {
  width: 100% !important;
}
.followit--follow-form-container[attr-a][attr-b][attr-c][attr-d][attr-e][attr-f] .form-preview .preview-heading h5{
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.followit--follow-form-container[attr-a][attr-b][attr-c][attr-d][attr-e][attr-f] .form-preview .preview-input-field {
  margin-top: 20px !important;
  width: 100% !important;
}
.followit--follow-form-container[attr-a][attr-b][attr-c][attr-d][attr-e][attr-f] .form-preview .preview-input-field input {
  width: 100% !important;
  height: 40px !important;
  border-radius: 6px !important;
  border: 2px solid #e9e8e8 !important;
  background-color: #fff !important;
  outline: none !important;
}
.followit--follow-form-container[attr-a][attr-b][attr-c][attr-d][attr-e][attr-f] .form-preview .preview-input-field input {
  color: #000000 !important;
  font-family: "Montserrat" !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 20px !important;
  text-align: center !important;
}
.followit--follow-form-container[attr-a][attr-b][attr-c][attr-d][attr-e][attr-f] .form-preview .preview-input-field input::placeholder {
  color: #000000 !important;
  opacity: 1 !important;
}

.followit--follow-form-container[attr-a][attr-b][attr-c][attr-d][attr-e][attr-f] .form-preview .preview-input-field input:-ms-input-placeholder {
  color: #000000 !important;
}

.followit--follow-form-container[attr-a][attr-b][attr-c][attr-d][attr-e][attr-f] .form-preview .preview-input-field input::-ms-input-placeholder {
  color: #000000 !important;
}
.followit--follow-form-container[attr-a][attr-b][attr-c][attr-d][attr-e][attr-f] .form-preview .preview-submit-button {
  margin-top: 10px !important;
  width: 100% !important;
}
.followit--follow-form-container[attr-a][attr-b][attr-c][attr-d][attr-e][attr-f] .form-preview .preview-submit-button button {
  width: 100% !important;
  height: 40px !important;
  border: 0 !important;
  border-radius: 6px !important;
  line-height: 0px !important;
}
.followit--follow-form-container[attr-a][attr-b][attr-c][attr-d][attr-e][attr-f] .form-preview .preview-submit-button button:hover {
  cursor: pointer !important;
}
.followit--follow-form-container[attr-a][attr-b][attr-c][attr-d][attr-e][attr-f] .powered-by-line {
  color: #231f20 !important;
  font-family: "Montserrat" !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  line-height: 25px !important;
  text-align: center !important;
  text-decoration: none !important;
  display: flex !important;
  width: 100% !important;
  justify-content: center !important;
  align-items: center !important;
  margin-top: 10px !important;
}
.followit--follow-form-container[attr-a][attr-b][attr-c][attr-d][attr-e][attr-f] .powered-by-line img {
  margin-left: 10px !important;
  height: 1.13em !important;
  max-height: 1.13em !important;
}
</style><div class="followit--follow-form-container" attr-a attr-b attr-c attr-d attr-e attr-f><form data-v-1bbcb9ec="" action="https://api.follow.it/subscription-form/OVowclkyeFVzc0Y2MUxyZ3U0MDZvYVJ5bWlvMjZPUm8yYkVqQzFaMEsyV3ZWMmFzS2h5MGJRY1NQcGFUTlpyck1pODIyZXNJMTRveDNKb1A1eUFqNzRzdVpSNURZZnM0OU1EUHcrbXVSL1ltR3FaeGk0N1k1MUxmblJCdSt4b2R8OVhJUW1ONnlEUTVmUFFwV1FVU1R6ZkRFRzJUcUw2YUs1aHYwZkdWRm9uUT0=/8" method="post"><div data-v-1bbcb9ec="" class="form-preview" style="background-color: rgb(255, 235, 48); border-style: solid; border-width: 6px; border-color: rgb(0, 0, 0); position: relative;"><div data-v-1bbcb9ec="" class="preview-heading"><h5 data-v-1bbcb9ec="" style="text-transform: none !important; font-family: Montserrat; font-weight: bold; color: rgb(0, 0, 0); font-size: 16px; text-align: center;">
                  Get new posts by email:
                </h5></div> <div data-v-1bbcb9ec="" class="preview-input-field"><input data-v-1bbcb9ec="" type="email" name="email" required="required" placeholder="Enter your email" spellcheck="false" style="text-transform: none !important; font-family: Montserrat; font-weight: normal; color: rgb(0, 0, 0); font-size: 14px; text-align: center; background-color: rgb(255, 255, 255);"></div> <div data-v-1bbcb9ec="" class="preview-submit-button"><button data-v-1bbcb9ec="" type="submit" style="text-transform: none !important; font-family: Montserrat; font-weight: bold; color: rgb(255, 255, 255); font-size: 16px; text-align: center; background-color: rgb(0, 0, 0);">
                  Subscribe
                </button></div></div></form><a href="https://follow.it" class="powered-by-line">Powered by <img src="https://follow.it/static/img/colored-logo.svg" alt="follow.it" height="17px"/></a></div>

Cognata

Verbata: subscribing to the blog by email, email subscriptions to the blog, collecting email addresses,

dreeves commented 1 year ago

Great question. It would be great to let people give us their email address and be notified of new blog posts. I'm not sure the best way to do that.

dreeves commented 1 year ago

Does https://follow.it/ look promising?

narthur commented 1 year ago

@dreeves Looks good to me. Let me know when you have the URL and I'll update the blog to use it.

narthur commented 1 year ago

@dreeves Closing as the email link does work now. Let's create a new issue for reassessing SendGrid use if that's still a priority for you.

dreeves commented 1 year ago

This has all the ideas for what to replace it with so let's rename it and leave it open but snoozed.

dreeves commented 1 year ago

PS: meta: avoid both closing and resolving unless it's your own gissue. Which this one technically was but then got assigned to other people. Thing for me to clarify in #303!

narthur commented 1 year ago

@dreeves Can we at least snooze it then?