Need help embedding html code for a Constant Contact Signup form

Community Beginner ,
Jan 26, 2018 Jan 26, 2018

Copy link to clipboard

Copied

I was given this information to use...I cannot get it to work.

I received this form my client:

I cannot figure this out. NEED HELP!

I need to ask you to paste in two codes on my MUSE website.

The Inline Code will display the sign-up form. Unfortunately, unlike MailChimp where you click on the download link, an actual sign-up form needs to be displayed. So, please paste the Inline Code  near Seth’s ad. Normally, I would put the form underneath the ad, but because you smartly set up that section so it’s not a long scroll down, the form should be at the side of the ad. I think it would work best if the form was to the right of Seth’s ad, so I guess you’ll have to move the ad to the left. (I will pay you for your time.) I think once you paste in the code, the form will appear.

The copy on the red button will have to change to:

     “To get your FREE download now, please complete the form."

The Universal Code (see below) needs to be pasted on the same page as the form, but will be invisible.

Inline Code:

Paste this code where you want the form to display on your site:

<!-- Begin Constant Contact Inline Form Code -->

<div class="ctct-inline-form" data-form-id="0b8be9bf-157a-4f19-8e25-7292df429e1e"></div>

<!-- End Constant Contact Inline Form Code -->

Universal Code:

Paste this code before the </body> on your site to show all your active forms.
You only need to do this once:

<!-- Begin Constant Contact Active Forms -->

<script> var _ctct_m = "d2fa28977b74451d1e5ce8cc43d2fe99"; </script>

<script id="signupScript" src="//static.ctctcdn.com/js/signup-form-widget/current/signup-form-widget.min.js" async defer></script>

<!-- End Constant Contact Active Forms -->

Views

1.1K

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines

correct answers 1 Correct Answer

Guide , Jan 26, 2018 Jan 26, 2018
Hi. Insert the Inline Code: into the Muse page. Object> Insert HTML or copy paste using system hotkeys. To insert the Universal Code, use the widget  AID+BC End Body Code – Adobe Muse Widget Directory The result you will see in the browser but not inside the Muse.

Likes

Translate

Translate
LEGEND ,
Jan 26, 2018 Jan 26, 2018

Copy link to clipboard

Copied

you can add the inner code as a style... thats how I would

the so called universal code assumes a text editor like Dreamweaver or notepad... you could add it as bootstrap or custom code

bootstrap is better as custom code will get in the way of Muse editing the website later

I remember some 3rd party widgets have this option (insert code at /body tag) so if you are totaly clueless coder it be be worth looking at that option as well

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Guide ,
Jan 26, 2018 Jan 26, 2018

Copy link to clipboard

Copied

Hi. Insert the Inline Code: into the Muse page. Object> Insert HTML or copy paste using system hotkeys.
To insert the Universal Code, use the widget  AID+BC End Body Code – Adobe Muse Widget Directory

The result you will see in the browser but not inside the Muse.

9fb0188f22.png

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Jan 27, 2018 Jan 27, 2018

Copy link to clipboard

Copied

Thank you I will try this.

I have a desktop, tablet and mobile verion of this website.

Do I need to add the inline AND Universal code in all three versions?

Thanks

Robbi

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Jan 27, 2018 Jan 27, 2018

Copy link to clipboard

Copied

I tried the method with the AID+BC End Body Code widget and i am not getting this to work at all—

I do not know how to get  the code into the site to edit that way either.

I was hoping that the widget would work.

The website that this is for is:

www.trueidentitybranding.com

The CC form should be placed just above the ABOUT page red banner,

to the right of the Seth Godin picture and small amount of text.

Would appreciate any further suggestions you can make.

Robbi Muir

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Guide ,
Jan 28, 2018 Jan 28, 2018

Copy link to clipboard

Copied

Download this file Dropbox - form145.mucow .

Place it on the page (ctrl+D).

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Jan 28, 2018 Jan 28, 2018

Copy link to clipboard

Copied

Pavel

Thank you—the Form145.mucow  did work. for me...

You saved me "big time".

Thanks so much!

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Guide ,
Jan 28, 2018 Jan 28, 2018

Copy link to clipboard

Copied

LATEST

You are welcome

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines