Bricks 101 Part 22 - Add a Contact Form Section - BricksBuilder.io

No video

Bricks 101 Part 22 - Add a Contact Form Section - BricksBuilder.io - Bricks Wordpress Tutorial

Рет қаралды 3,911

Web Squadron

Күн бұрын

Пікірлер: 28

@stewtech 7 ай бұрын

Amazing as Always!!

@elevateyourcreativeness Жыл бұрын

Imran, as far as the form itself, when you’re going through the setup and choosing fields, after you go down and choose what content it should show in the email sent, what do you choose to ensure all fields are included or does it do it automatically? Thanks

@websquadron Жыл бұрын

It will send all, but you can mess around to get the style and format needed with HTML

@elevateyourcreativeness Жыл бұрын

@@websquadron just so you know the channel that asked this question is Greg Hyatt. Just getting prepared for new upcoming YT video’s to help church creatives.

@aaqilayden373 Жыл бұрын

Hi Imran, have you come across an error when sending to custom email address? Mine works only when sending to Admin email but not custom email.

@websquadron Жыл бұрын

I don’t get that issue. Was it a hotmail email?

@aaqilayden373 Жыл бұрын

@@websquadron No its a gmail. Is it possible my host is blocking any emails other than the hosts' email server? I finally solved it in a round a bout way. By just forwarding all email copies to the gmail. But not very happy had to do it that way.

@websquadron Жыл бұрын

@@aaqilayden373 Maybe try Post STMP plugin to make sure they go through.

@aaqilayden373 Жыл бұрын

@@websquadron Thanks Imran. Ill try that.

@mahbubjubayer9453 Жыл бұрын

Is it possible after submitted collection email like elementor with bricks ?

@websquadron Жыл бұрын

Yes if you add a smtp plugin that logs the submissions.

@MustafaSheikh Жыл бұрын

Thanks for you videos. I was wondering, is it possible to fetch IP address of the sender like contactform7 does

@websquadron Жыл бұрын

I don’t think you can… I think. Might be wrong.

@rebelinc Жыл бұрын

Have you tested the email you get from the form? As it doesnt seem to show the field names, like Your name, Your email ex. it online shows the user inputs, so to me its kinda messy? You have to set this up manually. Well I had in Bricks 1.5.4

@websquadron Жыл бұрын

Let me double check again.

@davidwalls2304 Жыл бұрын

Dan, you can format the content of the message that arrives via email. I entered in things in like "Name:", "Email:", and Message:" prior to the field values. It isn't "sexy" but for a basic email message it works pretty good. Make sure to map the form values to the field values in your message so that everything looks better.

@rebelinc Жыл бұрын

@@davidwalls2304 I found out when I created my first site. But it isnt obvious to all users :-) I had to insert {{name}} for it to work

@StambaughDesignsBellingham Жыл бұрын

You skipped over the most important part...the data that is put in the email. Does it default to showing all the fields? The tooltip says use the field IDs to customize the email....seems laborious to go back and forth copy/pasting the field IDs to put in the email.

@websquadron Жыл бұрын

It will show all fields but yes you need to use html formatting to show it how you want,

@LetsDoThisAlone Жыл бұрын

Hi Imran, is there somewhere I could change the "loading icon" after submitting the form?

@websquadron Жыл бұрын

I’ll need to check on that

@EduardoPereira-iy7js Жыл бұрын

Hello Imran!!! Very good indeed!!! However, we have a blindspot here (which is common to most builders) We cannot style the checkboxes in order to fit the branding colors. This is a common blindspot to most of them...including Elementor. Breakdance Builder does it really well and we can style without knowing CSS. Any ideas or suggestions? You are the best!

@websquadron Жыл бұрын

You need to identify the class name and then use this: CSS Code for the Form: selector .elementor-field-option{ display: flex:; gap:10px; accent-color: #ff0050; line-height: 25px;} input {display: inline-block; vertical-align: middle; width: 25px; height: 15px;}

@EduardoPereira-iy7js Жыл бұрын

@@websquadron Uau!!! Thanks for the fast answer! Only wish I knew how to identify a class...:) Do you have any video explaining this? Many thanks!!!!

@DonkeyKing Жыл бұрын

When having 2 fields next to each other, how do you increase the gap so they dont touch each other?

@websquadron Жыл бұрын

You may need some custom CSS added.

@grizfan93 2 ай бұрын

Always show the labels. No reason to get cute here. Placeholder text is no substitute. Please consider accessibility on forms. Show labels, and don't use placeholder text, especially if it simply repeats what you have for the label. Using a quality page builder like Bricks gives you the tools to build visually appealing forms that are also accessible.

@websquadron 2 ай бұрын

Yup.