Home>Support>Linking Text in a Page to a Form

Linking Text in a Page to a Form

On the theme Vantage, I’ve been trying to link text in a page to a completed form. A drop-down menu in the page’s text box allows me to paste in a URL. Is that the way to do it? Does a form have a location? I’m a novice at code but have been using computer software since the early 70’s. There’s probably material already out there that I’ve just missed. So, hopefully we’ll get this dealt with ASAP. I appreciate your consideration.

Brad

There is the possibility that I may need to upgrade for such a feature.

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 4 years, 11 months ago Andrew Misplon
    Hi, I Work Here

    Hi Brad

    Thanks for posting.

    From AppearanceMenus you can add a Custom Link to a menu you just need to know the form ID.

    Go to the page with the form, scroll to the form, right-click and Inspect Element. Search the HTML for the form or form container and look for an ID. id="id-name". Once you know the ID you can add a Custom URL to your menu just prefix the ID with a # and the page URL.

    https://mywebsite.com/my-page-url/#my-form-id

    https://en.support.wordpress.com/splitting-content/page-jumps/

  2. 4 years, 11 months ago Andrew Misplon
    Hi, I Work Here

    If you’re using Page Builder for the page you could also add a Row ID and link to that. We cover adding Row ID’s here: Post: One Page Navigation with Page Builder and Corp. The tutorial is for Corp but most of the instructions are applicable to Vantage.

  3. 4 years, 11 months ago bradleybudinger

    Hi Andrew,

    I selected the “inspect” and it took me to right to the code. Kinda scary! I don’t want to screw anything up in there! I couldn’t find the form id in the http code. But, in the WPForms builder, it identifies the shortcode for the form as wpforms id=”162″. I copied and used it.

    When I put the shortcode after the http address it didn’t seem to work however. It looked like this https://yourlivingcurriculum.com/?page_id=128/#wpforms id=”162″ You mentioned the page as well between these two locations. But that page doesn’t look right to me.

    I’m trying to link text in a page to open the form in a separate tab (hyperlink). The link is the struggle. I know how filing works basically, to retrieve a page files are linked together through a chain of locations. I’m probable close.

    I hope the form id looks OK to you? You look like the only guy in the building? When you have time.

    Thanks again,

    Brad

  4. 4 years, 11 months ago Andrew Misplon
    Hi, I Work Here

    Hi Brad, editing or viewing the source code in your browser won’t impact the code on your server so no worries there. Is the page in question publicly viewable? You can confirm that by logging out or viewing the page via another browser. Please, let me know the URL and I’ll help out from there. Thanks.

  5. 4 years, 11 months ago bradleybudinger

    Hi Andrew,

    I’ve read the information you sent and tried several things. The form is separate and not “on the page.” I’m trying to link text (the header, Unsecured Registration) on the page Registration, to open up a form ( wpforms id=”95″]) in a separate tab (sorry for repeating myself) on the browser. So far, I’ve not been successful.

    The site is: https://yourlivingcurriculum.com/

    Thanks again for your patience.

    Brad

  6. 4 years, 11 months ago Andrew Misplon
    Hi, I Work Here

    Hi Brad, can you show me the page with the form on it? I can’t seem to find that page on your site. Once I have that page’s URL, I can assist further.

    Or to put this another way, have you inserted your form into a page? If so, please, send me the link to that page. If not, you’ll need to insert the form into a page.

  7. 4 years, 11 months ago Andrew Misplon
    Hi, I Work Here

    To go back to your opening question: “Does a form have a location?” No, a form doesn’t have a location, the form’s shortcode or widget needs to be inserted into a page, then the form will display. You can insert the form into an existing page or you can create a new page, just for that form.

  8. 4 years, 11 months ago bradleybudinger

    To answer your first question, I haven’t inserted the form into a page. Didn’t know that’s how it worked. I thought the form could stand alone. Searched the forum for help with that but couldn’t find any. Either it is so straight forwards that no one has had trouble or I missed the meeting. Could you please send me a link? I’ll get on that.

    Thanks,

    Brad

  9. 4 years, 11 months ago Andrew Misplon
    Hi, I Work Here

    You can insert a form in a few different ways.

    You can copy and paste the form shortcode into an Editor widget or a page:


    You can use the Add Form button from within an Editor widget:

    Or you can insert the WPForms widget into Page Builder:

  10. 4 years, 11 months ago bradleybudinger

    Duuh… Got it. I really didn’t thing you had to put the form into a page. Sorry for taking your time Andrew…

    Brad

    May have some future question :).

  11. 4 years, 11 months ago Andrew Misplon
    Hi, I Work Here

    No problem at all. I missed the core of the question and assumed something else which is why it took a little while to get here.

    Good luck with your site :)

  12. 4 years, 11 months ago bradleybudinger

    I will… thanks again. I will be visiting soon…

  13. 4 years, 11 months ago Andrew Misplon
    Hi, I Work Here

    Chat then, cheers :)

  14. 4 years, 11 months ago bradleybudinger

    Where’s the end thread button?

  15. 4 years, 11 months ago Andrew Misplon
    Hi, I Work Here

    I’ll resolve now, thanks.

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More