Skip to main content

Universal block

A "Universal block" is a way to save basic elements for reuse. For example, if you use a header or footer in all email templates, you can save it to avoid starting from scratch for each new email.

How Universal blocks work​

Universal blocks allow you to:

  • Create reusable content across multiple templates
  • Maintain consistency in your email designs
  • Update content in one place and reflect changes everywhere (optional)
  • Save time by reusing common elements

Usage options​

There are two usage options:

Edit in all instances:​

If you want your edits to reflect in every template that includes that content, choose this option.

If you want edits to apply only to the template you are currently editing, choose this option.

Usage​

Check here https://github.com/m-Ryan/easy-email-pro/blob/master/demo/src/hooks/useUniversalElement.tsx

Interface​

universalElementSetting?: {
      elements: Record<string, Element>;
      list: Array<{
        label: string;
        elements: Array<{
          element: Element;
          thumbnail: string;
        }>;
      }>;
      onAddElement: (params: {
        name: string;
        element: Element;
        thumbnail: Blob;
      }) => Promise<Element>;

      onUpdateElement: (params: {
        uid: string;
        element: Element;
        thumbnail: Blob;
      }) => Promise<any>;
    };