External search boxes for your website

Let your visitors `search` in our business directory - directly from your website ...

Use our business directory as an additional service for your visitors. Simply copy the code to the desired location on your website.
Search box 1 (approx. 3.9 KBytes including graphics)

<form action="https://branchenbuch.jetzt//key_search.php" method="post" target="_blank" class="frm2">
                    <div class="frm2_div1">
                        <div class="frm2_div2">
                            <svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 24 24">
                                <path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"></path>
                            </svg>
                            <input type="text" name="key_val" class="frm2_input" placeholder="What are you looking for?" required>
                        </div>
                        <input type="submit" value="Search" class="frm2_btn">
                    </div>
                </form>
                <style>
                    .frm2{
                        display:inline-block;
                    }
                    .frm2_div1{
                        width:400px; 
                        max-width:100%; 
                        display:flex; 
                        align-items:center; 
                        box-shadow:0 2px 10px 0 rgb(0 0 0 / 19%); 
                        border-radius: 34px; 
                        justify-content: space-between;
                        overflow: hidden;
                    }
                    .frm2_div2{
                        padding:10px;
                        background: #d9f1e3; 
                        flex-grow: 1; 
                        display:flex;
                    }
                    .frm2_input{
                        background: 0 0; 
                        border: 0; 
                        width:100%;
                        font-size:16px;
                    }
                    .frm2_input:focus{
                        outline: 0;
                    }
                    .frm2_input:-webkit-autofill{
                        transition: background-color 5000s ease-in-out 0s;
                    }
                    .frm2_btn{
                        background:#00ad5f; 
                        height:100%;
                        font-weight: 400; 
                        border: 0; 
                        font-size: 16px; 
                        color: #fff;
                        padding:13px 20px;
                    }
                    .frm2_btn:hover{
                        background:#009451; 
                    }
                </style>

... and the result (please test) :

Search box 2 (approx. 1.5 KBytes including graphics)

<form action="https://branchenbuch.jetzt//key_search.php" method="post" target="_blank" class="frm1">
                    <div class="frm1_div1">
                        <div class="frm1_div2">
                            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
                                <path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"></path>
                            </svg>
                            <input type="text" name="key_val" class="frm1_input" placeholder="What are you looking for?" required>
                        </div>
                        <input type="submit" value="Search" class="frm1_btn">
                    </div>
                </form>
                <style>
                    .frm1{
                        display:inline-block;
                    }
                    .frm1_div1{
                        width:300px; 
                        max-width:100%; 
                        display:flex; 
                        align-items:center; 
                        box-shadow:0 2px 10px 0 rgb(0 0 0 / 19%); 
                        border-radius: 34px; 
                        justify-content: space-between;
                        overflow: hidden;
                    }
                    .frm1_div2{
                        padding:10px;
                        background: #d9f1e3; 
                        flex-grow: 1; 
                        display:flex;
                    }
                    .frm1_input{
                        background: 0 0; 
                        border: 0; 
                        width:100%;
                        font-size:16px;
                    }
                    .frm1_input:focus{
                        outline: 0;
                    }
                    .frm1_input:-webkit-autofill{
                        transition: background-color 5000s ease-in-out 0s;
                    }
                    .frm1_btn{
                        background:#00ad5f; 
                        height:100%;
                        font-weight: 400; 
                        border: 0; 
                        font-size: 16px; 
                        color: #fff;
                        padding:11px;
                    }
                    .frm1_btn:hover{
                        background:#009451; 
                    }
                </style>

... and the result (please test) :

Search box 3 (approx. 1.2 KBytes including graphics)

<form action="https://branchenbuch.jetzt//key_search.php" method="post" target="_blank" class="frm3">
                    <div class="frm3_div1">
                        <div class="frm3_div2">
                            <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20">
                                <path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"></path>
                            </svg>
                            <input type="text" name="key_val" class="frm3_input" required>
                        </div>
                        <input type="submit" value="Search" class="frm3_btn">
                    </div>
                </form>
                <style>
                    .frm3{
                        display:inline-block;
                    }
                    .frm3_div1{
                        width:120px; 
                        max-width:100%; 
                        display:flex; 
                        align-items:center; 
                        box-shadow:0 2px 10px 0 rgb(0 0 0 / 19%); 
                        border-radius: 34px; 
                        justify-content: space-between;
                        overflow: hidden;
                    }
                    .frm3_div2{
                        padding:5px;
                        background: #d9f1e3; 
                        flex-grow: 1; 
                        display:flex;
                    }
                    .frm3_input{
                        background: 0 0; 
                        border: 0; 
                        width:100%;
                        font-size:14px;
                    }
                    .frm3_input:focus{
                        outline: 0;
                    }
                    .frm3_input:-webkit-autofill{
                        transition: background-color 5000s ease-in-out 0s;
                    }
                    .frm3_btn{
                        background:#00ad5f; 
                        height:100%;
                        font-weight: 300; 
                        border: 0; 
                        font-size: 14px; 
                        color: #fff;
                        padding:6px;
                    }
                    .frm3_btn:hover{
                        background:#009451; 
                    }
                </style>

... and the result (please test) :

External search boxes for your website

How can we help?

Need help with your listing?

Report a technical problem

Stand out from the crowd and bring your company listing to the forefront.
Order your premium listing now!

External search boxes for your website

How can we help?

Need help with your listing?

Report a technical problem

Stand out from the crowd and bring your company listing to the forefront.Order your premium listing now!

Stand out from the crowd and bring your company listing to the forefront.
Order your premium listing now!