Sanırım basit bir olay ama ben anlayamıyorum

<?php
/**
* Search Form Template
*
*/
?>

<div class="search-widget">
<form method="get" class="search-form" action="<?php echo esc_url( home_url('/') ); ?>" >
<input type="text" name="s" class="form-control" placeholder="<?php esc_attr_e( 'Ürün Ara...', 'transgo' ); ?>" />

</form>
</div>

GroovyMedia adlı üyeden alıntı: mesajı görüntüle

Arkadaşlar wordpress sitemde ürün arama yeri koydum ancak bu butonun sonuna ara tuşu koymak istiyorum
Nasıl olacağını tam bilmiyorum kod şu şeklde

<?php
/**
* Search Form Template
*
*/
?>

<div class="search-widget">
<form method="get" class="search-form" action="<?php echo esc_url( home_url('/') ); ?>" >
<input type="text" name="s" class="form-control" placeholder="<?php esc_attr_e( 'Ürün Ara...', 'transgo' ); ?>" />

</form>
</div>

işaretlediğim yere ara diye buton koymak istiyorum nasıl yapabilirim
lütfen yardım .s

<div class="search-widget">
<form method="get" class="search-form" action="<?php echo esc_url( home_url('/') ); ?>" >
<div class="input-group">
<input type="text" name="s" class="form-control" placeholder="<?php esc_attr_e( 'Ürün Ara...', 'transgo' ); ?>">
<span class="input-group-btn">
<button class="btn btn-primary" type="button">Ara</button>
</span>
</div>
</form>
</div>