Creating a section for customers to give their emails

Hello!

I wish to add a section in my website for customers to give their emails, so that they can receive news about discounts and promotions.

Does anyone have any idea on how to do that? I couldn't manage to do it myself.

Thanks so much!

Hello @toti.academyweb

Welcome to the Prismic community, and thanks for reaching out to us.

It's not possible to store users' inputs in Prismic because Prismic doesn't have a write API for the moment. You have to use third-party API's/tool and connect it with your frontend to store users' inputs.

However, I can help you to create a model for that in Prismic:

"email_signup" : {
            "type" : "Slice",
            "fieldset" : "Email Signup",
            "description" : "Section for email submissions",
            "icon" : "email",
            "display" : "list",
            "non-repeat" : {
              "email_title" : {
                "type" : "StructuredText",
                "config" : {
                  "single" : "heading1, heading2, heading3, heading4, heading5, heading6",
                  "label" : "email_title"
                }
              },
              "email_text" : {
                "type" : "StructuredText",
                "config" : {
                  "multi" : "paragraph, preformatted, heading1, heading2, heading3, heading4, heading5, heading6, strong, em, hyperlink, image, embed, list-item, o-list-item, o-list-item",
                  "label" : "email_text"
                }
              },
              "label" : {
                "type" : "StructuredText",
                "config" : {
                  "multi" : "paragraph, heading4",
                  "label" : "label"
                }
              },
              "placeholder" : {
                "type" : "Text",
                "config" : {
                  "label" : "placeholder",
                  "placeholder" : "Placeholder"
                }
              },
              "button_text" : {
                "type" : "StructuredText",
                "config" : {
                  "multi" : "paragraph, heading2",
                  "label" : "button_text"
                }
              }
            },
            "repeat" : { }

You have to apply CSS accordingly.

Let me know if you have any further questions.

Thanks,
Priyanka

1 Like

Amazing, thanks so much Priyanka! That was a huge help!

@toti.academyweb Great! Iā€™m glad to hear it worked :slightly_smiling_face: Let us know if you have any questions.