diff --git a/src/Plugin/Block/ConfigBlock.php b/src/Plugin/Block/ConfigBlock.php
new file mode 100644
index 0000000..d095e29
--- /dev/null
+++ b/src/Plugin/Block/ConfigBlock.php
@@ -0,0 +1,119 @@
+<?php
+
+namespace Drupal\whatsapp_bubble\Plugin\Block;
+
+use Drupal\Core\Block\BlockBase;
+use Drupal\Core\Form\FormStateInterface;
+use Drupal\Core\Block\BlockPluginInterface;
+
+/**
+ * Provides a block with a simple text.
+ *
+ * @Block(
+ *   id = "whatsapp_bubble_block",
+ *   admin_label = @Translation("WhatsApp Bubble"),
+ *   category = @Translation("WhatsApp Bubble")
+ * )
+ */
+class ConfigBlock extends BlockBase implements BlockPluginInterface {
+
+	public function defaultConfiguration() {
+
+	  return array(
+	  'alignment' => '',
+	  'valignment' => '',
+	  'message' => '',
+	  'phone_number' => '',
+	  'is_inverse' => '',
+	  );
+	}
+
+	//Build the module i.e. Control the view of block
+    public function build() {
+	 //    if (\Drupal::service('router.admin_context')->isAdminRoute()) {
+	 //    return;
+	 //    }
+	 //    $config = $this->getConfiguration();
+
+	 //    $alignment = $config['alignment'] ?: '';
+	 //    $valignment = $config['valignment'] ?: '';
+	 //    $number = $config['phone_number'] ?: '';
+	 //    $message = $config['message'] ?: '';
+	 //    $inverse = $config['is_inverse'] ? 'inverse' : '';
+	 //    $message = urlencode($message);
+
+		// $build = [];
+
+		// $build['whatsapp_bubble'] = [
+	 //      '#theme' => 'wab',
+	 //      '#phone_number' => $number,
+	 //      '#message' => $message,
+	 //      '#attributes' => [
+	 //        'class' => ['whatsapp-bubble', $alignment, $valignment, $inverse],
+	 //      ],
+	 //    ];
+	 //    return $build;
+    }
+
+	//Add the form
+    public function blockForm($form, FormStateInterface $form_state) {
+	    $form = parent::blockForm($form, $form_state);
+	    $config = $this->getConfiguration();
+	    $form['alignment'] = [
+	      '#type' => 'select',
+	      '#title' => $this->t('Alignment'),
+	      '#description' => $this->t('Horizontal alignment of the bubble'),
+	      '#options' => [
+	        'left' => $this->t('left'),
+	        'right' => $this->t('right'),
+	        'center' => $this->t('center'),
+	      ],
+	      '#size' => 1,
+	      '#default_value' => $this->configuration['alignment'],
+	    ];
+	    $form['valignment'] = [
+	      '#type' => 'select',
+	      '#title' => $this->t('Vertical alignment'),
+	      '#description' => $this->t('Vertical alignment'),
+	      '#options' => [
+	        'top' => $this->t('top'),
+	        'bottom' => $this->t('bottom'),
+	        'middle' => $this->t('middle'),
+	      ],
+	      '#size' => 1,
+	      '#default_value' => $this->configuration['valignment'],
+	    ];
+	    $form['message'] = [
+	      '#type' => 'textarea',
+	      '#title' => $this->t('Message'),
+	      '#description' => $this->t('Default message to include in the whatsapp message box'),
+	      '#default_value' => $this->configuration['message'],
+	    ];
+	    $form['phone_number'] = [
+	      '#type' => 'number',
+	      '#title' => $this->t('Phone Number'),
+	      '#description' => $this->t('The destination phone number'),
+	      '#default_value' => $this->configuration['phone_number'],
+	      '#required' => TRUE,
+	    ];
+	    $form['is_inverse'] = [
+	      '#type' => 'checkbox',
+	      '#title' => $this->t('Inverse color'),
+	      '#description' => 'If selected, the button background will show green and the icon white.',
+	      '#default_value' => $this->configuration['is_inverse'],
+	      '#required' => FALSE,
+	    ];
+	    return $form;
+    }
+
+	//Submit the form and save the form value into block configuration
+	public function blockSubmit($form, FormStateInterface $form_state) {
+	    parent::blockSubmit($form, $form_state);
+	    $this->setconfigurationValue('alignment', $form_state->getValue('alignment'));
+        $this->setconfigurationValue('valignment', $form_state->getValue('valignment'));
+        $this->setconfigurationValue('message', $form_state->getValue('message'));
+        $this->setconfigurationValue('phone_number', $form_state->getValue('phone_number'));
+        $this->setconfigurationValue('is_inverse', $form_state->getValue('is_inverse'));
+	}
+
+}