How to hide Interactive Email Form based on condition?

Question

I am using the Interactive Email Form feature to allow submitting user data straight from the inbox and enable design configuration by non-technical Marketing people. I would like to enable a way to hide the form based on a condition (if a row for this subscriber exists in a DE). Sends of this Email are not done from Journey Builder and creating two versions of the Email is not a preferred approach.

I've tried the following methods:

1. Embedding the Email Form block in the ContentBlockByID function - this breaks the form block, displaying only the fallback content block even in clients where the form block itself has worked before.
2. 'Wrapping' (putting one snippet before and one after the block) the form block with code snippets like

%%[ IF 1 == 2 THEN ]%%

and

%%[ ENDIF ]%%

This resulted in an AMPScript warning of the IF condition not being properly closed - "An IF statement is not closed with the required ENDIF statement. ClientID: 100027770 JobID: 0 EmailID: 0 Index: 198 Statement: IF 1 == 2 THEN]%%".

3. Hiding with CSS (form { display:none !important; }, fieldset { display:none !important; } in a code snippet or an HTML block) - this seemed like it worked in the preview, but when executing the test send the emails in the Gmail inbox still have a form visible.

Is there any workaround for this? Allowing to conditionally show the block seems like a crucial feature.

Answer 1

Workaround found: copy the part responsible for the Form Block rendering from Code View and paste it into a new Dynamic Content Block, there wrap it with AMPscript condition. Will break if values (answers, button text etc) are modified in the original Interactive Form Block but styling should still be modifiable.

Answer 2

Conditional AMPscript logic can be used in the template to surround the slot(s).

%%[ IF 1 == 2 THEN ]%%
<div data-type="slot" data-key="interactivecontent" data-label="Interactive Content Section"></div>
%%[ ENDIF ]%%