Unable to create my first form.

My web site link is https://magedkamel.com

Hi Maged,
can you confirm that you are actually saving the form? Your screenshot is showing you editing a block. You need to be editing the form/document in order to save. This can be done by clicking on any whitespace on the form, or by selecting “form” from the sidebar. See screenshot

In order to successfully save, you’ll need a form name, and you need to have an email entered in the “send to email address” field. You can then select Save Form to save.

If you are confident that you have all of that, let me know, and I can walk you through some debug steps to track down the issue.

hi,

Thank you sir for such a quick reply, I have my email address in the form and i can see now it is saved as a new form.What will be the next step?I am sorry i am non-technic.

Thanks

Maged kamel

Great! In that case, now that you have the form saved, the only thing you need to do is copy/paste the shortcode onto whichever page or post you want to add the form to.

The shortcode can be found from the main HDForms page. If you are using WordPress’ default Gutenberg editor, I also have a custom block for HDForms that makes adding forms to your pages even easier, but the shortcode method should work across all page editors.

Beyond that, the only other thing you might need to worry about is the styles – how the form looks on your site. By default, HDForms runs in “Hybrid” mode – which means that I only style things that are mandatory, and I let your theme handle the rest. But depending on your theme, you might prefer to let HDForms style the form completely. To do this, under the HDForms menu, select About / Options. Select “Full” under “HDForms Style” and save.

hi,

I have tried to create a short code in my homepage, but is not working.

https://go.screenpal.com/watch/cTnQFInhXgl

https://magedkamel.com

Thanks

Maged Kamel

Thanks for the screenshot. You have done more than is needed. All you need is the actual shortcode – not the PHP you are using. All you need is: [hdf form = "723698"]

Also, as a bonus, you are using Gutenberg (this is good!). So if you prefer, you can add the HDForms block instead which might be easier for you in the future.

Hi,

Thanks a lot, but still no change in homepage,Please this is a snapshot

https://go.screenpal.com/watch/cTnQFdnhXC3

Sorry for the inconvenience.

Maged kamel

I have used another plugin Check & Log Email to check e mail and sent an email to my account and I have received it.

This test email proves that your WordPress installation at https://magedkamel.com can send emails. Sent: Sun, 09 Feb 2025 19:13:32 +0000

im not sure I understand your new question. From your latest screenshot, it looks like you successfully added the HD forms block and have the form selected. So as soon as you save your homepage, it should work

unless your confusion is because the form will only render on the frontend of the site (like, your actual homepage) and not when editing?

Hi,

Thank your for your reply, what I want to say that in spite of the fact that the form link is ok, but still the home page does not show the form. Please refer to the link

https://magedkamel.com/

I had a doubt whether there is a problem about if error exist for the E mail , that is why i have added a new plugin to make test of E mail.

Thanks

Maged kamel

So first, I don’t think that you’ve done anything wrong. You correctly created the form and added it to the page! I can even see the HTML added to your homepage, so we’re all good on that front.

I think this is an instance of page caching gone wrong.

I see you are using LiteSpeed page cache (which is good! They’re the best). Most cache plugins have various settings where they take scripts and modify them to remove things like blank spaces, or to otherwise combine different scripts together. I think this is what has gone wrong on your site.

The first thing to do is to simply clear your cache. This will tell LiteSpeed to rebuild your cache using your latest freshest content. To do this, log into your site, and goto LiteSpeed Cache -> Toolbox. From here, select Empty Entire Cache. Now your site can rebuild the cache, hopefully correctly this time.

I’d say that the odds are significant that the above will work for you, but if it doesn’t, let me know and I can walk you through how to properly set up LiteSpeed on your site so that it will work well with any other plugin that needs to add front-end scripts.

Hi,

Thanks a lot for your great help.I have cleared The cache from lite-speed as you have showed me,also I log to hostinger, my host provider,and clear cache from there. Still the Home page is unchanged and the form code is not shown.I am very sorry for the trouble i have caused.What else could I do?

Thanks

Maged kamel.

You are causing no trouble! Don’t worry or ever feel bad for asking for support from anything I build ??

I do see something interesting looking at the rendered source code of your homepage though.

If you look at the above screenshot, you’ll see something interesting. The YouTube iframe and everything above it is in color. Everything below is greyed out. This means that the issue is that the scripts loading in your footer are not being run by the browser, since you have broken HTML – specifically the YouTube code itself – everything below it is broken, including your missing footer!

As a test, can you temporarily remove the YouTube embed and see if everything works again (you may need to clear out your cache again). If it works (and I think it will!), then we found the issue!

For your reference, the embed code for your YouTube video should be <iframe src="https://www.youtube.com/embed/?listType=playlist&amp;list=UUpSExZBGRcsVqkT1p43hTqg" frameborder="0" allowfullscreen=""></iframe>

The main differences is that the correct embed code uses " instead of ', and that iframes are not selfclosing, you need to have an ending </iframe> tag to close it out.

• This reply was modified 1 month ago by Harmonic Design. Reason: update iframe embed code

Hi, I believe it works thanks to you. I sent an E mail to my self i have received,could you please have a look to my homepage?

What do you think of my site as an expert? I am a nontechnical. I have done some effort but I am not happy about the views so far. I am using your great plugin HD quizes, but the free version and I think it is necessary to increase the quizzes or start to use the paid version.I really appreciate your help and very thankful.

Regards

Maged kamel

Glad you got your site fixed up!

Offering web development or design advice is far outside the scope I can offer for a contact form builder plugin, so I’ll just leave you with the following.

1. Navigation is key. Your current navigation has a LOT of primary items. Think of ways to condense them down into fewer “parent” categories to make navigation simpler.
2. You are currently using WordPress’ default Twenty Twenty-Five theme. This is a great way to get started with WordPress, but take a look at the Themes page in your admin area (under appearance). There are thousands of amazing and free themes to choose from that can change the design and layout of your site drastically. For your use case, just make sure you are using a “block theme” as that will work best with your existing content. You can preview any theme before fully committing to it.

And lastly, for the form itself, I recommend using the “textarea” field instead of the “text” field for the comment. This way it will be a multi-line field instead of all being on the same line.