User Guide

Adding a Form to Adobe Muse

Last Update: May 3, 2017

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.

Step 1: Get Your Form Code

1. Choose a form and click edit

2. Click on "Publish" and open the "Embed" tab. 

3. Select the type of form publishing that you wish to have in your Adobe Muse page

In our example we'll use the default embed script. Below is a screenshot to help you further:

4. Copy the code provided.

 

Step 2: 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.

27 Comments...

  • 9mmtylenol

    Heh, pretty slick.

  • Jan-Gunnar Kiris

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

  • evanderreijken

    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?

  • keithengkebakae

    how to colour a form within a page

  • sachetm

    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!

  • guest_23036562072043

    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?

  • blkdesigns

    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.

  • mikevila

    Can I use a lightbox form with Muse?

  • pambouchard

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

  • pierrecrot

    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]

  • niralikap

    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?

  • ryan

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

  • caguirre1

    how do i change the email the form is sent to

  • jkutrumbos

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

  • Shed

    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?

  • Michael

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

  • kirstenwestlund

    doesn't show in an iphone or on an ipad—I get a brief flash of it with a page reload then it disappears.

  • MAVERIX

    I've added my form but no buttons work. I have form 'collapse buttons' and next 'page buttons' not doing anything.
    I also can't insert the form into muse with a transparent background.
    Pop Up window disables the button for the form all together.

  • YZY kithomes

    Hey,
    thank you very much for a great service answering all my previous questions.
    now i have problems with my android laptop drop down list does not work on Internet browser it's on 3rd Page of the form.
    Link to the form: http://yzykithomes.com.au/online-enquiry-form.html
    chrome works well.

  • weirbones

    Form is working great on my Muse Desktop. However, I cannot get the form to appear on either my iPad or my iPhone.

    Any help would be appreciated.

  • du2design

    it doesn't work with a transparent background...background is always visible

  • farah

    Hello,
    when i'm inserting an html code in the adobe muse, the inserted part does not seem to be responsive !!
    any body can help me please ?
    thank you.

  • eloisa2010

    mi formulario no refresca me podrían ayudar por favor .gracias

  • barterhallen

    Hello,

    I tried everything now to get my jotform in muse. Strange thing is that I see the form in Muse and also in the test page, however when it is uploaded to our FTP it has disapeared/it is not showing somehow.

    www.bookbuilders.nl/test and on the blog page we tried to put the form in for testing.

  • onetimelord

    When I add my form to a Muse website, it doesn't appear on mobile devices. What should I do? The error is: JavaScript exception: Error calling selector function:TypeError: Cannot read property 'style' of null.

  • OSHER

    hi
    i added my form to my page in Muse and it works perfectly on a desktop mode, I mean 1200px width.
    the problem beging in the Breaking-Points, 768px for tablet and 480px for mobile.
    the form is there but not display ion the web.

    please help :)

  • jdariza1

    HI, I use my form in MUSE (embed -
    Iframe) and it appears in all breakpoints, but THE PART OF THE SEND BUTTON and TOTAL doesnt appear. It just appears the jotform logo. That´s the only way to insert my form in MUSE in order to it works. I don´t like the other options (not for this design)

Send Comment