Crafty email form

Hi, I’m using the crafty theme for my woo commerce store. Could you please explain how I set up the email form in the footer? I have tested it how it is and when I add an email and click ‘Sign up’ nothing happens. Do I need to use another plugin with this?

Many thanks

Hello @roonz,

Thanks for writing to us.

The subscription Form in the footer is a dummy Form for our demo purposes only. You can use any plugin like “Email Forms”, “Contact-Form-7” or any other plugins with newsletters services like Mailchimp. You can create Forms and use that Form shortcode in your footer.

You can get these plugins from X/Pro–>Validation.
Validation-‹-Barber-Site-—-WordPress

Thanks

Ok thank you, I thought that might be the case. Is it possible to use the styling of this form and integrate one of the plugins to use with it?

Hello @roonz,

The styling of the form found in the footer of the Crafty demo site is using custom CSS. It may not be used with other form plugins. as they may not have the same form element layout structure. If you are familiar with coding and how the structure the form, you may be able to reuse the styling code. It is using this CSS code by the way;

/* Form Base
// --------- */

.is-site-footer-form {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  max-width: 100%;
}


/* Input
// ----- */

.is-site-footer-form input[type="text"] {
  flex: 1 1 0%;
  display: block;
  width: auto;
  min-width: 0px;
  height: 48px;
  margin: 0;
  border-radius: 0;
  border: 1px solid #333333;
  padding-left: 1em;
  padding-right: 1em;
  color: #ffffff;
  background-color: transparent;
}

.is-site-footer-form input[type="text"]::placeholder {
  color: #ffffff;
  opacity: 0.11;
}

.is-site-footer-form input[type="text"]::-webkit-placeholder {
  color: #ffffff;
  opacity: 0.11;
}


/* Submit
// ------ */

.is-site-footer-form button[type="submit"] {
  flex: 0 0 auto;
  min-width: 0px;
  height: 48px;
  padding: 0 calc(2em - 0.15em) 0 2em;
  border: 0;
  font-size: 1rem;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  white-space: nowrap;
  color: #ffffff;
  background-color: #000000;
  box-shadow: none;
}

The code above is the actual code of the form styling. Feel free to modify the code, make adjustments as you need. Here are some related links for further reading, this could help you in finding and implementing some CSS fixes:

Best Regards.

ok thank you, I’ll take a look

Hi, do I need to add another plugin to view the form entries?

Hi @roonz,

You need to connect to Mailchimp or Convertkit with email forms and you will find entries in the dashboard of Mailchimp or Convertkit. Here is documentation of Email forms.

Hope it helps.
Thanks

Great thank you

You’re welcome and it’s our pleasure to help you. If you have any other concerns, feel free to reach us.

Thank you.

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.