Newsletter

The Newsletter component can be used on any page.

Example images

Newsletter form

33898b3 newsletter

Subscribed newsletter

39892b3 newsletter sub

Code samples

{
"tasticType": "commercetools/ui/content/newsletter",
"name": "commercetools UI newsletter",
"category": "Content",
"icon": "email",
"schema": [
{
"name": "Content",
"fields": [
{
"label": "Headline",
"field": "headline",
"type": "string"
},
{
"label": "Description",
"field": "description",
"type": "string"
},
{
"label": "Disclaimer",
"field": "disclaimer",
"type": "string"
}
]
},
{
"name": "Form",
"fields": [
{
"label": "Input placeholder",
"field": "inputPlaceholder",
"type": "string"
},
{
"label": "CTA label",
"field": "ctaLabel",
"type": "string"
}
]
},
{
"name": "Subscription confirmation",
"fields": [
{
"label": "Success title",
"field": "successTitle",
"type": "string"
},
{
"label": "Success message",
"field": "successMessage",
"type": "string"
}
]
}
]
}
import React from 'react';
import Newsletter, {
NewsletterProps,
} from 'components/commercetools-ui/newsletter';
interface Props {
data: NewsletterProps;
}
const NewsletterTastic: React.FC<Props> = ({ data }) => {
return <Newsletter {...data} />;
};
export default NewsletterTastic;