Domain Search widget will allow you to display of replacing any image when you mouse over them and may revert back to the original image by mouse out of the image. You can easily build this widget with EnterAddons
Using Domain Search Widget :
You can see the below video to get an insight into how you can use the Domain Search Widget, Or you can follow the documentation whichever you find convenient.
Step1
Firstly, select the Domain Search Widget from the menu bar on the left-hand side of your screen and drag and drop it in the selected area.
Secondly, from ‘Content‘ Tab you will get Domain Search Content section.
After that, From Domain Search Content > Select Style , you can add or select style1, style2 and style3 respectively that is shown below.
Also, from this section, you can Show Domain Type with clicking ‘switcher’ option. You can add Domain Type List clicking with ‘ADD ITEM’ button and remove clicking with ‘X’ button respectively
Step2
Then From ‘Style‘ section you can add Wrapper Style, Search From Style, Button Style, Domain Type Style, Domain Type Name Style and Domain Type Pricing Style respectively.
After that From ‘Wrapper Style‘ section you can add margin, padding, border-type, border-radius, box-shadow and background-type respectively.
Then From ‘Search From Style‘ section you can add input-field-width, typography, color, margin, padding, border-type, border-radius, box-shadow and background-type respectively.
After that From ‘Button Style‘ section you can add or edit typography, margin, padding, border-type, border-radius, box-shadow and background-type respectively.
Moreover, from this section, you can find ‘HOVER’ view
Then From ‘Domain Type Style‘ section you can add or edit width, height, margin, padding, border-type, border-radius, box-shadow and background-type respectively in ‘NORMAL’ view.
Moreover, from this section, you can find ‘HOVER’ view
After that From ‘Domain Type Name Style‘ section you can add or edit typography, color, hover-color, margin and padding respectively in ‘NORMAL’ view.
Moreover, from this section, you can find ‘HOVER’ view also.
Then From ‘Domain Type Pricing Style‘ section you can add or edit typography, color, hover-color, margin and padding respectively in ‘NORMAL’ view.
Moreover, from this section, you can find ‘HOVER’ view also.
Step3
Finally, after finishing all the editing, click update, and then click on ‘Preview > Preview in new tab’ to see your work live.
Also, when you type any ‘domain-name’ in search bar and click ‘Search Now’ button, it will be redirected to the specific page and show the result. And that is given below :
That’s all.