Open Forum

 View Only

  • 1.  Event Website Designer FAQ

    Posted 03-15-2024 17:32

    Has anyone figured out a way to create an FAQ section in the web designer? There doesn't seem to be a FAQ widget so I need some way to list questions with some sort of action button to show the answer. Don't want the answers showing unless they click on the question or action item. 

    Any suggestions?


    #Events+

    ------------------------------
    Daniel Allen
    Digital Production Specialist
    Compassion International, Inc.United States
    ------------------------------


  • 2.  RE: Event Website Designer FAQ
    Best Answer

    Posted 03-19-2024 09:56

    Hi Daniel,

    We typically recommend just creating a custom FAQ page with multiple widgets, however we aren't able to do an action button like outlined above. However, if you have someone on your team who is good at coding, you could use the code widget to create this and implement it into the website. We enable our customers with the custom code widget in order to do more than what is available with the default widgets in the site designer. However, since it's completely custom, our team won't be able to help out much with the coding, which is why I reference having someone on your team who can accomplish this. 

    Thank you! 



    ------------------------------
    Erica Kennedy
    Principal Client Success Manager
    ------------------------------

    Original Message


  • 3.  RE: Event Website Designer FAQ

    Posted 03-19-2024 12:58
    Edited by Vijayathivakaran Mathialagan 03-19-2024 13:18

    Hi Daniel,

    I agree with Erica's suggestion, there are no default widget for FAQ that could have(show/Hide) buttons featured for showing/hiding ANSWER for the QUESTION.
    This can be tried with javascript code, with the use of code widget. 

    Use this code on your code widget and you would be able to see couple of small buttons(show/hide)

    The below example could be a rookie's starting point for you, there are plenty of code out there on web you can explore and play around, please ignore if you are much familiar!

    /*This below is the basic code */

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>

    <script>
    $(document).ready(function(){
      $("#hide").click(function(){
        $("p").hide();
      });
      $("#show").click(function(){
        $("p").show();
      });
    });
    </script>
    </head>
    <body>
     
    <p>If you click on the "Hide" button, I will disappear.</p>
     
    <button id="hide">Hide</button>
    <button id="show">Show</button>

    /* -------CODE END-----------*/


    ------------------------------
    MVJ [Designation]
    Web Analyst
    AZ
    Incred!ble India
    ------------------------------

    Original Message


Related Content