1. Home
  2. Knowledge Base
  3. Wireframes & Content Blocks
  4. Creating a Wireframe
Searching...

Creating a Wireframe

Before you can create a matrix, you must create a wireframe that contains all of the base HTML code (header with CSS, body).  You do that here:

  1. Select Manage HTML from the menu
  2. Select the brand (Winback in this case)
  3. Select the sub-brand (FTA + Sweeps in this case)
  4. Choose Wireframe as the content type
  5. For all wireframes, you can select EN as the language type
  6. Click the +Add button to create
  1. Enter the name of the Wireframe
  2. Enter a description
  3. Paste in the HTML wireframe
  4. Click the Add button to save

Here’s an outline of what the wireframe would look like:

<!DOCTYPE html>
<html xmlns=”http://www.w3.org/1999/xhtml”>
            <head>
            <!– INSERT HEAD HTML HERE –>
                        <style type=”text/css”>
                        <!– INSERT CSS STYLES HERE –>
                        </style>
            </head>
            <body>

<!– INSERT BODY CONTENT, USE THE FOLLOWING CODE TO INSERT BLOCKS –>

[IF `display_language`=”fr”][CONTENT_BLOCK=[REPLACE=EN|FR|[BLKA1]]] [ELSEIF `display_language`=”en”][CONTENT_BLOCK=[REPLACE=FR|EN|[BLKA1]]] [ELSE][CONTENT_BLOCK=[BLKA1]] [ENDIF]
[IF `display_language`=”fr”][CONTENT_BLOCK=[REPLACE=EN|FR|[BLKB1]]] [ELSEIF `display_language`=”en”][CONTENT_BLOCK=[REPLACE=FR|EN|[BLKB1]]] [ELSE][CONTENT_BLOCK=[BLKB1]] [ENDIF]
[IF `display_language`=”fr”][CONTENT_BLOCK=[REPLACE=EN|FR|[BLKC1]]] [ELSEIF `display_language`=”en”][CONTENT_BLOCK=[REPLACE=FR|EN|[BLKC1]]] [ELSE][CONTENT_BLOCK=[BLKC1]] [ENDIF]
[IF `display_language`=”fr”][CONTENT_BLOCK=[REPLACE=EN|FR|[BLKD1]]] [ELSEIF `display_language`=”en”][CONTENT_BLOCK=[REPLACE=FR|EN|[BLKD1]]] [ELSE][CONTENT_BLOCK=[BLKD1]] [ENDIF]
[IF `display_language`=”fr”][CONTENT_BLOCK=[REPLACE=EN|FR|[BLKE1]]] [ELSEIF `display_language`=”en”][CONTENT_BLOCK=[REPLACE=FR|EN|[BLKE1]]] [ELSE][CONTENT_BLOCK=[BLKE1]] [ENDIF]
[IF `display_language`=”fr”][CONTENT_BLOCK=[REPLACE=EN|FR|[BLKY1]]] [ELSEIF `display_language`=”en”][CONTENT_BLOCK=[REPLACE=FR|EN|[BLKY1]]] [ELSE][CONTENT_BLOCK=[BLKY1]] [ENDIF]
[IF `display_language`=”fr”][CONTENT_BLOCK=[REPLACE=EN|FR|[BLKZ1]]] [ELSEIF `display_language`=”en”][CONTENT_BLOCK=[REPLACE=FR|EN|[BLKZ1]]] [ELSE][CONTENT_BLOCK=[BLKZ1]] [ENDIF]

            </body>

</html>

Updated on April 29, 2025

Was this article helpful?

Yes No

Related Articles