Floe HTML blocks

A Floe HTML block may contain an entire e-mail template, or part of a template.

Simple e-mails with no repeating sections or dynamically determined sections can be handled with a single HTML block.

More complex requirements require multiple blocks. For example, a repeating section should be handled with a separate HTML block.

There are 3 tasks to maintain HTML blocks

Maintain HTML blocks
Maintain HTML block content
Assign HTML block to Email type

Maintain HTML blocks

Maintain HTML blocks and set a name for each block.

The ‘repeat’ indicator controls whether the HTML block should be repeated entirely based on the variable data substituted at run-time. This can be used for a repeating section or for a table row.

Maintain HTML block content

Maintain the HTML block content for each communication language. The communication language is the output language: the language of the recipient.

The HTML block content should be well-formed html, with in-line styling. For example:

                        
                            
                                1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:

                                <html>
<head>
    <title>Floe Demonstration</title>
</head>
<body>
    <p style='font-family: "Segoe UI","Helvetica Neue",sans-serif; color: #545454; font-weight: 300; font-size: 28px;'>
        Floe Demonstration</p>
    <p style='font-family: "Segoe UI","Helvetica Neue",sans-serif; font-size: 11pt; font-weight: lighter;'>
		Here is some html e-mail content.</p>
    <p style='font-family: "Segoe UI","Helvetica Neue",sans-serif; font-size: 11pt; font-weight: lighter;'>
		This e-mail was sent on &CURRENT_DATE&.</p>
</body>
</html>
                            

                    

Variables can be added within the HTML block using the format &VAR_NAME& where VAR_NAME is the variable code.

Variables can be filled at run-time in 3 ways:

1) By passing into the function /FLOE/EMAIL_OUT within import parameter im_variables or im_form_data

2) Within the generated Email Data User-exit

3) Within Variable Routines, in the IMG activity ‘Maintain Variables’

Other HTML blocks can be embedded within the HTML block using the format #HTML_BLOCK# where HTML_BLOCK is the HTML block code to be embedded.

In this way, HTML block nesting can be achieved. There is no limit on the number of levels of nesting.

                        
                            
                                1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:

                                <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
  <head>
    <title>
      Sales Order Confirmation
    </title>
  </head>
  <body bgcolor="#FCFCFC" style="width:100%;">
    <table class="main" style="background-color:#FFFFFF;border-style:solid; border-width:1px; border-color:white;"
width="700" border="0" cellspacing="0" cellpadding="0" align="center">
      #COMMON_HEADER#
      #ACC_STATEMENT_TITLE#
      #ACC_STATEMENT_GREETING#
      #ACC_STATEMENT_HEADER#
      #ACC_STATEMENT_ITEM_HEADER#
      #ACC_STATEMENT_ITEM#
      #ACC_STATEMENT_BALANCE#
      #ACC_STATEMENT_FOOTER#
      #COMMON_FOOTER#
    </table>
  </body>
</html>
                            

                    

Assign HTML block to Email type

See Floe E-mail types

Best Practises

See the Floe Best Practises guide