Adding Form to Adobe Muse

Last Update: April 14, 2014


Adobe Muse lets designers create HTML websites for desktop and mobile devices, without writing code. Hey, that's our line :) By using JotForm & Adobe Muse you'll be able to create the perfect website. Follow the steps below to learn adding forms to Adobe Muse.


Get Your Form Code

1. Choose a form and click edit

2. On "Setup & Embed" tab on the toolbar, click on "Embed Form" button


3. Select the type of form embedding that you wish to have in your Adobe Muse page
In our example we'll use script embedding


4. Copy the code provided


Insert the form in Adobe Muse

1. Open your Adobe Muse application

2. On the "Plan Mode" view of your application. You'll see a blank page. (you can create more pages by clicking the + button when hovering over the page).





3. Select the page you wish to insert your form by double clicking. This will open your page on the "Design Mode" view:



4.  On the page, right click and paste your code. A box will appear with the HTML text in it. This won't show your form yet. 

       The longer process of inserting forms:

       4.1. On your menu bar (on the top-left), click "Object"
       4.2. Select "Insert HTML"
       4.3. A pop-up will appear with the sample code.
              This is "arbitrary HTML".  Paste your code there
       4.4. Click OK


This is also the part when you will need to adjust the width of the box for your form to fit.  Otherwise it will get cut off. (Note: height automatically adjusts):



5. Once done, publish your Adobe Muse web page in 2 ways:

a.) Publish your form on your business catalyst website by clicking "Publish" on top, login to your account and follow the next steps

b.) Export as HTML

    b1) Click File on your Adobe Muse Application > Export as HTML
                      
                   
Note:
Clicking view site will open the HTML page, if you have placed your form on a 
different page such as the example here that was named Form, it will create form html. Open it to view your form.
                   

 How did it work out for you? Tell us if you had any difficulties adding your forms to Adobe Muse.

You have already voted for this item. Your vote was: 1

16 Comments...

9mmtylenol - October 04, 2011 at 09:08 AM    

Heh, pretty slick.

Jan-Gunnar Kiris - October 16, 2011 at 09:58 AM    

I like it !!!!!!
There is still hope for us amateurs.
Jan.Gunnar

evanderreijken - November 03, 2011 at 04:50 PM    

I cannot get the silverbox code to work using Muse. I do Exactly the same as described here. However, I only get "contact" on the page. When I click it, nothing happens. What am I doing wrong?

View Answer

keithengkebakae - December 08, 2011 at 06:56 AM    

how to colour a form within a page

View Answer

sachetm - July 15, 2012 at 04:30 PM    

Can I add the form HTML to a new page with master page already applied or do I need to create a new blank master for the form? If that's the case, then I'd only be applying it to one new blank page. That sounds odd. Please clarify. Thanks!

View Answer

guest_23036562072043 - October 30, 2012 at 06:04 PM    

I've embedded the form and published my site. Tried a few test submissions of my form and it worked great. I discovered I needed to make a form change. I then edited the form and for the life of me I can't get it to update on my site. I've removed it from Adobe Muse altogether. Saved and restarted Adobe Muse. Opened Adobe Muse again and reinserted the link to the updated form (which hasn't changed) but still Adobe Muse refuses to display the updated form. What's up with that. Is it possible that the form is in Adobe Muse cache somewhere?

View Answer

blkdesigns - December 10, 2012 at 04:32 PM    

how do you make a follow-up thank you page work with the form. When I have that feature selected in Jotform and publish in Muse, the feature stays on the same page and blocks out space instead of going to a new page.

View Answer

mikevila - February 15, 2013 at 12:28 PM    

Can I use a lightbox form with Muse?

View Answer

pambouchard - June 09, 2013 at 03:10 PM    

How do you designate the username and password required????

View Answer

pierrecrot - August 20, 2013 at 04:33 AM    

I tried to add a form with the lightbox code and now I have error on the page: MuseJSAssert:

Error calling selector function:[Exception... "Could not convert JavaScript argument arg 0 [nsIDOMWindow.getComputedStyle]" nsresult: "0x80570009 (NS_ERROR_XPC_BAD_CONVERT_JS)" location: "JS frame :: http://musecdn2.businesscatalyst.com/scripts/4.0/jquery-1.8.3.min.js :: Dt :: line 2" data: no]

View Answer

niralikap - November 05, 2013 at 11:10 AM    

I changed the font of the form to a google web font, but it just shows as Arial when I add the form to my site. It previews on jotform as the correct font. What am I missing?

View Answer

ryan - February 09, 2014 at 04:39 PM    

How do I add the text provided in a comments form back into the website?

View Answer

caguirre1 - February 27, 2014 at 01:30 PM    

how do i change the email the form is sent to

View Answer

jkutrumbos - March 17, 2014 at 06:00 PM    

When I try to adjust the width of the form in Muse it is stretching the content.

View Answer

Shed - April 28, 2014 at 04:49 PM    

When I publish my page I have a problem. The site loads at the bottom of the page where the contact form is, not at the top of the page. Do you have any suggestions why this may be happening?

View Answer

Michael - July 16, 2014 at 10:52 AM    

thanks it worked , but how do i direct the form to my server or email.

View Answer

Hi