Footer preview

Hello,
How can I review a footer before assigning it to a page?
I am trying to implement a constant contact script and I can’t see it on the backend. I’m wondering if it will show up on the front end. I am trying to achieve this footer .


Please advise.
Thank you

Hello @Jennine,

Thanks for writing in! I can see in the screenshot that you have inserted a JS script. Even if you select “Allow” preview, it will still display anything because it is a <script> code. Just assign the footer to a test page and view the page live to test out the code you have placed in the Raw Content element.

Best Regards.

Ok, will do thanks. How do I assign a footer to a page? It has changed from the last time I did it.

Hi @Jennine,

Please check this documentation to know more about how you can assign a header or footer for a particular page.

Cheers.

Hello,
I added the condition to the test page as seen in the screenshot but it is still not showing correctly on the front end. I included the credentials in the secure note. Thank you.
https://www.statenislandda.org/test/

Hey @Jennine,

The Constant Contact code doesn’t really output anything. Please reach out to Constant Contact support to check the code.

The Raw Content element will just output the code as it is, so there’s no issue on our end and to prove that, I’ve added a test Javascript just below your Constant Contact script and the test JS works.

image

Thanks.

ok I figured the script part but the containers are inline and I want them to be stacked as shown in the attached screenshot. How can I achieve this?
Thank you
https://www.statenislandda.org/test/

Hello @Jennine,

To accomplish what you want, you need the following settings.

1.) The Bar height should be auto
2.) The Flexbox Direction will have to be “Column”
3.) You can then align it to the “Center” both horizontally and vertically

You also need to insert a DIV element as the container for your Raw Content element.

And lastly, in your DIV element settings, set the minimum and maximum width and the minimum height as well.

Kindly let us know how it goes.

Thank you . I added a subhead. How can I move that underneath the headline. Why is the behavior like this in the footer?

Hi @Jennine,

I have checked your website and found that the Flexbox Direction of the Bar > Container is still set to Row. You need to set it to Column as shown in the given screenshot.

Hope it helps.
Thanks

It is now set to row with no change. Please advise

Hi @Jennine,

You are setting the Flex Directions to the Bar, you need to set that to Container.

Screenshot-2022-07-12-220937

Hope it helps.
Thanks

yes, thank you. Now I would like to add this test footer bar to the main footer set on all pages. Can you please advise me on how to do that? Thank you

Hello @Jennine,

"I would like to add this test footer bar to the main footer set on all pages. Can you please advise me on how to do that?"
1.) You will need to save the Bar 1 element as a “Preset”.

2.) Edit your Main Footer and insert a new Bar element.

3.) Apply the saved Preset in the newly added Bar element.

Hope this makes sense.

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.