How to Set Up Your Cookie Consent Banner

Overview

This guide walks you through setting up and customizing the cookie consent banner for your website.

Prerequisites

1. Shahi LegalFlowSuite installed and activated
2. Consent Management module enabled
3. Admin access to WordPress

Step 1: Navigate to Consent Settings


4. Log in to WordPress admin
5. Go to SLOS → Consent Management
6. Click Settings tab

Step 2: Choose Banner Template


Select one of four templates:

Simple Template


7. Basic accept/reject buttons
8. Minimal text
9. Best for: Simple compliance
10. Variants: Light, Dark

GDPR Template (EU)


11. Detailed GDPR language
12. Cookie categories explained
13. “More options” button for granular control
14. Best for: EU sites

CCPA Template (California)


15. California privacy notice format
16. “Do Not Sell My Personal Information”
17. Specific CCPA wording
18. Best for: California-facing sites

Advanced Template


19. All categories customizable
20. Detailed explanations
21. Full consent management
22. Best for: Complex privacy needs

Step 3: Customize Banner Text


Required Text Fields


Banner Title

23. Default: “We use cookies”
24. Max 100 characters
25. Makes banner headline

Banner Description

26. Explain cookie usage
27. Default: Generic privacy text
28. 200-500 characters recommended
29. Max 1000 characters

Accept Button Text

30. Default: “Accept All”
31. Max 50 characters

Reject Button Text

32. Default: “Reject All”
33. Max 50 characters

Settings Button Text

34. Default: “Cookie Preferences”
35. Max 50 characters

Save Preferences Button

36. Default: “Save Preferences”
37. Max 50 characters

Category Descriptions


For each cookie category:

Essential/Necessary

38. Explain required cookies
39. Add to all templates

Analytics

40. Explain analytics purposes
41. Describe data collection

Marketing

42. Explain marketing cookies
43. Describe tracking used

Preferences

44. Explain preference cookies
45. User preference tracking

Step 4: Configure Banner Appearance


Position


46. Top – Banner at page top
47. Bottom – Banner at bottom (recommended)
48. Bottom-Left – Corner position
49. Bottom-Right – Corner position

Theme


50. Light – White background, dark text
51. Dark – Dark background, light text
52. Auto – Detect from site

Colors


53. Primary Color – Buttons, highlights (default: cyan)
54. Secondary Color – Text, borders (default: white)
55. Accept Button Color – Custom accept button color
56. Reject Button Color – Custom reject button color

Size


57. Normal – Standard banner height
58. Compact – Smaller, more discrete
59. Full – Large, attention-grabbing

Display Delay


60. How many milliseconds before banner shows
61. Default: 1000ms (1 second)
62. Adjust to let content load first

Step 5: Link to Privacy Policy


63. Go to Banner Links
64. Enter URL for Privacy Policy
65. Enter URL for Cookie Policy
66. Enter URL for Terms of Service
67. Links open in banner footer

Step 6: Configure Cookie Scanner


Enable Scanner


68. Check “Enable Cookie Scanner”
69. Choose scan frequency:

– Daily
– Weekly
– Monthly
– Manual only

Scan Settings


70. Max URLs to Scan – How many pages to scan (default: 100)
71. Deep Scan – Scan subdirectories
72. Background Scan – Run at off-peak times

Cookie Categorization


73. Scanner finds cookies
74. Auto-categorizes by type
75. You can recategorize manually
76. Mark as “essential” if required

Step 7: Test the Banner


Desktop Testing


77. Open your website in a new browser
78. Clear all cookies (DevTools → Storage)
79. Refresh page
80. Banner should appear
81. Test buttons:

– Click Accept → Check cookie set
– Click Reject → Check limited cookies
– Click Settings → Check preferences

Mobile Testing


82. Open site on mobile device
83. Clear cookies and cache
84. Verify banner appears correctly
85. Test touch interactions
86. Verify responsive layout
87. Test on both portrait/landscape

Clearing Test Cookies


In Chrome DevTools:

88. Open DevTools (F12)
89. Go to Application → Storage
90. Click Cookies → Your site
91. Select all and delete
92. Refresh page

Step 8: Customize Additional Options


Geo-Targeting (Optional)


93. Go to Consent Management → Geo Rules
94. Enable geo-targeting
95. Set rules:

– EU visitors → GDPR template
– California → CCPA template
– Brazil → LGPD template

96. Save settings

A/B Testing (Optional)


97. Go to Consent Management → A/B Testing
98. Enable A/B testing
99. Choose variants to test
100. Variant A: Your current banner
101. Variant B: Alternative design
102. Track results in analytics

Analytics Events (Optional)


103. Go to Consent Management → Analytics
104. Select platform (GA4, Mixpanel, Segment, etc.)
105. Enable event tracking
106. Events: shown, accepted, rejected, customized
107. Configure custom events

Step 9: Review Legal Compliance


Before publishing:

108. ✓ Privacy Policy updated
109. ✓ Cookie Policy created
110. ✓ GDPR/CCPA language included
111. ✓ Clear explanations of cookies
112. ✓ Proper links to policies

Step 10: Deploy to Live Site


Enable Banner on Frontend


113. Go to Consent Management → Settings
114. Check “Enable Banner on Frontend”
115. Check “Auto-Load Banner”
116. Save settings

Verify Deployment


117. Visit your site (not logged in)
118. Clear browser cookies first
119. Banner should appear on first visit
120. Test all functionality
121. Check console for errors

Troubleshooting


Banner Not Showing


Solutions:

122. Verify module is enabled
123. Check “Enable Banner on Frontend” is checked
124. Clear WordPress cache
125. Clear browser cookies
126. Check browser console for JavaScript errors
127. Verify no CSS conflicts

Banner Text Not Appearing


Solutions:

128. Check text is saved
129. Verify text length limits
130. Check for special characters
131. Clear site cache
132. Reload page

Colors Not Applying


Solutions:

133. Verify color format (hex codes)
134. Clear browser cache
135. Hard refresh (Ctrl+F5)
136. Check for CSS overrides
137. Verify no conflicting plugins

Cookies Not Setting


Solutions:

138. Verify “Accept” button works
139. Check browser allows cookies
140. Test in private/incognito mode
141. Review console errors
142. Verify domain matches

Best Practices


143. Clear Language – Users understand what they’re consenting to
144. Honest About Tracking – Don’t minimize data collection
145. Easy Reject – “Reject All” as easy as “Accept All”
146. Mobile Optimized – Works perfectly on mobile
147. Legal Review – Have lawyer review content
148. Regular Updates – Keep policies current
149. Test Everything – Before going live
150. Monitor Analytics – Track acceptance rates

Next Steps


151. Customize banner for your site
152. Add Privacy Policy and Cookie Policy
153. Test thoroughly
154. Set up analytics (optional)
155. Monitor acceptance rates
156. Optimize based on metrics

Related Articles


157. Cookie Scanner Setup
158. Privacy Policy Generation
159. Analytics Integration