Compliance's Widgets
Disclaimer Text Widget
Expand me...
<bw-widget
id="disclaimerTextWidget"
country="ES"
language="es"
configuration='{
"color":"#FFFFFF",
"font-size": "14px",
"font-weight": "700",
"background-color": "#333A40"
}'>
</bw-widget>
404: disclaimerTextWidget, cfRayID 99608b522e52ac4e, short: undefined, product: undefined, country: ES, language: es, currency: undefined
Expand me...
<bw-widget
id="logosWidget"
height="50px"
background="#333A40"
country="ES"
language="es">
</bw-widget>
404: logosWidget, cfRayID 99608b522e52ac4e, short: undefined, product: undefined, country: ES, language: es, currency: undefined
Default: Both Text and Logos (Text First)
Expand me...
<bw-widget
id="footerContentWidget"
country="ES"
language="es"
configuration='{
"color":"#0EA55F",
"font-size": "14px",
"font-weight": "700",
"background-color": "#333A40",
"logo-height": "50px"
}'>
</bw-widget>
404: footerContentWidget, cfRayID 99608b522e52ac4e, short: undefined, product: undefined, country: ES, language: es, currency: undefined
Logo Only Mode
Expand me...
<bw-widget
id="footerContentWidget"
country="ES"
language="es"
display-text="no"
configuration='{
"color":"#0EA55F",
"font-size": "14px",
"font-weight": "700",
"background-color": "#333A40",
"logo-height": "50px"
}'>
</bw-widget>
404: footerContentWidget, cfRayID 99608b522e52ac4e, short: undefined, product: undefined, country: ES, language: es, currency: undefined
Text Only Mode
Expand me...
<bw-widget
id="footerContentWidget"
country="ES"
language="es"
display-logo="no"
configuration='{
"color":"#0EA55F",
"font-size": "14px",
"font-weight": "700",
"background-color": "#333A40",
"logo-height": "50px"
}'>
</bw-widget>
404: footerContentWidget, cfRayID 99608b522e52ac4e, short: undefined, product: undefined, country: ES, language: es, currency: undefined
Content Order Variations
Logos First, Then Text
Expand me...
<bw-widget
id="footerContentWidget"
country="ES"
language="es"
logofirst="true"
configuration='{
"color":"#0EA55F",
"font-size": "14px",
"font-weight": "700",
"background-color": "#333A40",
"logo-height": "50px"
}'>
</bw-widget>
404: footerContentWidget, cfRayID 99608b522e52ac4e, short: undefined, product: undefined, country: ES, language: es, currency: undefined
Text First, Then Logos (Default)
Expand me...
<bw-widget
id="footerContentWidget"
country="ES"
language="es"
logofirst="false"
configuration='{
"color":"#0EA55F",
"font-size": "14px",
"font-weight": "700",
"background-color": "#333A40",
"logo-height": "50px"
}'>
</bw-widget>
404: footerContentWidget, cfRayID 99608b522e52ac4e, short: undefined, product: undefined, country: ES, language: es, currency: undefined
Content Alignment Variations
Left Alignment (Default)
Expand me...
<bw-widget
id="footerContentWidget"
country="ES"
language="es"
alignment="Left"
configuration='{
"color":"#0EA55F",
"font-size": "14px",
"font-weight": "700",
"background-color": "#333A40",
"logo-height": "50px"
}'>
</bw-widget>
404: footerContentWidget, cfRayID 99608b522e52ac4e, short: undefined, product: undefined, country: ES, language: es, currency: undefined
Center Alignment
Expand me...
<bw-widget
id="footerContentWidget"
country="ES"
language="es"
alignment="Center"
configuration='{
"color":"#0EA55F",
"font-size": "14px",
"font-weight": "700",
"background-color": "#333A40",
"logo-height": "50px"
}'>
</bw-widget>
404: footerContentWidget, cfRayID 99608b522e52ac4e, short: undefined, product: undefined, country: ES, language: es, currency: undefined
Right Alignment
Expand me...
<bw-widget
id="footerContentWidget"
country="ES"
language="es"
alignment="Right"
configuration='{
"color":"#0EA55F",
"font-size": "14px",
"font-weight": "700",
"background-color": "#333A40",
"logo-height": "50px"
}'>
</bw-widget>
404: footerContentWidget, cfRayID 99608b522e52ac4e, short: undefined, product: undefined, country: ES, language: es, currency: undefined
Combined Alignment and Order Examples
Center-Aligned with Logos First
Expand me...
<bw-widget
id="footerContentWidget"
country="ES"
language="es"
alignment="Center"
logofirst="true"
configuration='{
"color":"#0EA55F",
"font-size": "14px",
"font-weight": "700",
"background-color": "#333A40",
"logo-height": "50px"
}'>
</bw-widget>
404: footerContentWidget, cfRayID 99608b522e52ac4e, short: undefined, product: undefined, country: ES, language: es, currency: undefined
Right-Aligned with Text First
Expand me...
<bw-widget
id="footerContentWidget"
country="ES"
language="es"
alignment="Right"
logofirst="false"
configuration='{
"color":"#0EA55F",
"font-size": "14px",
"font-weight": "700",
"background-color": "#333A40",
"logo-height": "50px"
}'>
</bw-widget>
404: footerContentWidget, cfRayID 99608b522e52ac4e, short: undefined, product: undefined, country: ES, language: es, currency: undefined
Left-Aligned Logo Only with Center-Aligned Text Only
Expand me...
<!-- Center-aligned disclaimer text -->
<bw-widget
id="footerContentWidget"
country="ES"
language="es"
display-logo="no"
alignment="Center"
configuration='{
"color":"#0EA55F",
"font-size": "14px",
"font-weight": "700",
"background-color": "#333A40",
"logo-height": "50px"
}'>
</bw-widget>
<!-- Left-aligned logos -->
<bw-widget
id="footerContentWidget"
country="ES"
language="es"
display-text="no"
alignment="Left"
configuration='{
"color":"#0EA55F",
"font-size": "14px",
"font-weight": "700",
"background-color": "#333A40",
"logo-height": "50px"
}'>
</bw-widget>
404: footerContentWidget, cfRayID 99608b522e52ac4e, short: undefined, product: undefined, country: ES, language: es, currency: undefined
404: footerContentWidget, cfRayID 99608b522e52ac4e, short: undefined, product: undefined, country: ES, language: es, currency: undefined
Configuration Parameters
Common Attributes
id: Widget identifier (required)country: Country code for localization (e.g., “ES”)language: Language code for localization (e.g., “es”)
Display Control
display-text: Show/hide disclaimer text (“yes” | “no”)display-logo: Show/hide logos (“yes” | “no”)height: Logo height (for logos widget)background: Widget background color
Layout Control
alignment: Content alignment (“Left” | “Center” | “Right”)logofirst: Display order (“true” = logos first, “false” = text first)
Configuration Object
{
"color": "#0EA55F", // Text color
"font-size": "14px", // Text font size
"font-weight": "700", // Text font weight
"background-color": "#333A40", // Background color
"logo-height": "50px" // Logo height
}
Attribute Combinations
| Use Case |
alignment |
logofirst |
display-text |
display-logo |
| Default footer |
“Left” |
“false” |
“yes” |
“yes” |
| Centered footer |
“Center” |
“false” |
“yes” |
“yes” |
| Logo-first footer |
“Left” |
“true” |
“yes” |
“yes” |
| Text only (centered) |
“Center” |
N/A |
“yes” |
“no” |
| Logos only (right) |
“Right” |
N/A |
“no” |
“yes” |